資源描述:
《dz論壇diy模塊模板教程》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、DZ論壇DIY模塊模板教程在使用DIY過程中的一些技巧與方法仔細(xì)閱讀,受益匪淺一、如何在模塊中增加“標(biāo)題”及“更多”的鏈接如下圖樣式2010-9-2710:02上傳下載附件(21.58KB)方法:通過框架或模塊都可以實現(xiàn)上述樣式??,我們以框架為例,我們在DIY的時候??選中要編輯的框架點擊編輯如下圖所示2010-9-2709:50上傳下載附件(22.02KB)之后點擊標(biāo)題2010-9-2709:59上傳下載附件(2.28KB)在彈出的層中可以添加標(biāo)題及鏈接,位置選擇居左??如下圖所示??同時可以設(shè)置標(biāo)題的顏色及大小2
2、010-9-2710:08上傳下載附件(9.69KB)接下來增加“更多”的鏈接??點擊彈出層的添加新標(biāo)題按扭如下圖所示??,會“復(fù)制”出一份新的標(biāo)題??你只需修改就可以了把其中的“精彩教程”改成“更多”,鏈接以及字體、顏色都進(jìn)行修改就可以了,這里的位置一定要選擇“居右”2010-9-2710:15上傳下載附件(13.22KB)完成,這樣框架就有了標(biāo)題及更多????,模塊的方法同上二、DIY的模塊中如何調(diào)整鏈接的顏色如下圖樣式2010-9-2710:26上傳下載附件(28.05KB)方法:選中要修改的模塊,點擊編輯,選擇
3、數(shù)據(jù)??如下圖所示2010-9-2710:42上傳下載附件(20.86KB)在彈出層中選擇編輯??如下圖所示2010-9-2710:45上傳下載附件(20.49KB)在彈出的層中可以對標(biāo)題進(jìn)行加粗、斜體、加下劃線、修改顏色等操作2010-9-2712:17上傳下載附件(15KB)完成三、如何在現(xiàn)有的模塊中添加新的數(shù)據(jù)??選中要添加數(shù)據(jù)的模塊點擊編輯--數(shù)據(jù)??如下圖所示在彈出的層中選擇任意一條數(shù)據(jù)??點擊編輯??如下圖所示點擊編輯后在彈出的層中選擇從數(shù)據(jù)源獲取此處可以添寫帖子ID、文章ID、日志ID、圖片ID來獲取數(shù)據(jù)
4、如下圖所示2010-9-2712:58上傳下載附件(15.02KB)點擊獲取會填充模塊內(nèi)相應(yīng)的數(shù)據(jù)字段(此處的數(shù)據(jù)字段會根據(jù)模塊樣式的不同有所變化,請注意)完成四、DIY時如何調(diào)用外部程序的數(shù)據(jù)??當(dāng)我們與第三方程序整合后如何在門戶、頻道、論壇、或可以DIY的區(qū)域調(diào)用這些第三方程序的數(shù)據(jù)首先我們可以在需要調(diào)用的地方拖一個展示類中的靜態(tài)模塊如下圖所示2010-9-2713:15上傳下載附件(31.44KB)如上圖所示選擇數(shù)據(jù)來源為“自定義HTML”??一般第三方系統(tǒng)的數(shù)據(jù)調(diào)用都會有輸出JS格式的我們把第三方程序提供的JS
5、代碼粘貼進(jìn)HTML代碼框就可以了如下圖所示??2010-9-2713:21上傳下載附件(10.65KB)完成五、首頁多格或首頁四格如何DIY出來我們以論壇首頁為例(在任何頁面都可以)來制作一個首頁四格首先在論壇首頁拖一個1:1的框架??如下圖所示2010-9-2713:36上傳下載附件(47.78KB)接下來向已拖好的1-1框架的框架里左側(cè)的1里面拖入一個1:1的框架如下圖所示2010-9-2713:41上傳下載附件(48.89KB)接下來向右側(cè)的1里面也拖入一個1:1的框架??如下圖所示2010-9-2713:52上
6、傳下載附件(41.48KB)接下來我們就可以通過拖拽模塊到框架中去了2010-9-2714:44上傳下載附件(28.15KB)此時我們可以去掉框架的標(biāo)題,同時為每一個模塊增加一個標(biāo)題??如下圖所示2010-9-2714:48上傳下載附件(16.51KB)你可以通過不同的模塊樣式或者CSS來美化這里??完成六、如何修改整個模塊的鏈接樣式??比如下圖2010-9-2715:04上傳下載附件(10.25KB)方法:選中要編輯的模塊??,點擊編輯--樣式??進(jìn)行修改如下圖所示2010-9-2715:09上傳下載附件(13.95
7、KB)以上修改針對整個模塊完成七、如何修改兩個模塊或兩個框架之間的距離??如下圖樣式2010-9-2715:45上傳下載附件(5.19KB)選擇要編輯的框架或者模塊??,點擊編輯--樣式選擇外邊距,勾選分別設(shè)置,在右邊距中寫入合適的數(shù)字就可以了例如10如下圖所示2010-9-2715:51上傳下載附件(9.93KB)完成后的效果??如下圖樣式2010-9-2715:53上傳下載附件(4.74KB)全方位立體式講解DIY技巧集錦第二彈一、DIY中TAB框架如果切換點擊方式(鼠標(biāo)點擊與鼠標(biāo)滑過)????????如下圖中的效
8、果如何實現(xiàn)2010-10-1109:53上傳下載附件(5.3KB)????實現(xiàn)方法:拖一個TAB框架到頁面中,點編輯,選擇標(biāo)題如下圖所示2010-10-1109:53上傳下載附件(4.01KB)在彈出的窗口中選擇切換類型如下圖所示。2010-10-1109:53上傳下載附件(9.4KB)你可以根據(jù)你的需要選擇是點擊還是滑過完成二、