教你Discuz模板制作詳細(xì)步驟

接觸Discuz!有一段時間了，使用的風(fēng)格都是別人的免費品。一來自己的美工水平實在不行，二來網(wǎng)上很少有比較完整的模板制作教程。因為工作的需要，現(xiàn)特寫了一份模板的制作教程。小弟才疏學(xué)淺，不對之處還請指正。模板制作前請將你的界面設(shè)計好，并制作成html+CSS的格式。這里我就以大魔王的“藍(lán)色經(jīng)典”作為樣版（知識共享，希望大魔王不要介意，如有侵權(quán)，請及時通知我）。效果圖如下：■.（圖1）在開始前，先了介紹一下discuz!的幾個模板文件：1、 header.htm 頁面頭部2、 discus.htm 論壇首頁3、 footer.htm 頁面底部4、 viewthread 查看帖子內(nèi)容discuz!論壇的頁面通常是幾個模板文件共同作用下達(dá)到的效果，如圖1就是header.htm+discus.htm+footer.htm這三個文件共同作用的效果。Heaer.htm對應(yīng)的是：（圖2）Footer.htm對應(yīng)的是:（圖3）剩下的就是discuz.htm文件顯示的了。當(dāng)然你要將首頁顯示的效果就制作成一個文件模板也是可以的，這里之所以分開，是因為header.htm和footer.hmt文件通常還會被其它的模版文件引用。也就是說，其它的頁面（比如發(fā)貼的頁面）的頭部、底部與首頁的頭部、底部完全一樣，分開來寫就可以達(dá)到重復(fù)利用，減少勞動的效果。下面我們就開始制作：首先，現(xiàn)在我要制作的這套模板叫test,那么我就在templates目錄下建立一個test目錄。在test目錄下再新建一個images文件夾用于存放這套模板的圖片，把切好的所有圖片保存到這個文件夾中。templates/test文件夾用于存放這套模板的htm文件，在這個目錄中新建三個文件header.htm、discuz.htm、footer.htm,打開你設(shè)計好的主頁html文件，將你想作為頭部的那一段代碼復(fù)制粘貼到header.htm文件中，相應(yīng)的將作為底部的那一段代碼復(fù)制粘貼到footer.htm文件中，其余的代碼復(fù)制粘貼到discuz.htm文件中。最后在discuz.htm文件的最頂部和最底部分別加上：{subtemplateheader}和{subtemplatefooter}這兩句算是discuz的語言，意思是將header.htm和footer.htm文件包含進(jìn)來，這樣就構(gòu)成了一個完整的主頁面了。接下來的工作要在論壇后臺設(shè)置中來完成（1） 進(jìn)入論壇點擊“系統(tǒng)設(shè)置一一＞界面一一＞模板管理”，在新增模板后填入模板名稱，模板文件所在目錄，板權(quán)信息然后提交即可！如圖4：（圖4）（2） 在“界面一一＞風(fēng)格管理”中，在新增界面風(fēng)格后填入方案名稱“test”然后提交即可！（3） 提交方案名稱后，您就可以在界面風(fēng)格中看到您所定義的新的風(fēng)格方案。如下圖：

Discuz!CoftKOlPartEf岳刺1ARE?flWWII帕?!■涉眄■示*?mr王Ww■ms--a■K礙薛出SDiscuz!CoftKOlPartEf岳刺1ARE?flWWII帕?!■涉眄■示*?mr王Ww■ms--aEP<TrnEP<T|二■?￡\-I■旳融（圖5）注意上面用紅色圓圈圈起來的那幅模版預(yù)覽圖，你的是不是沒有顯示出來？這需要將你的首頁的效果圖做成110x120并命名為preview.jpg,將這圖片放到test目錄下就可以了。到此，一套新的風(fēng)格模板方案就添加到模板庫里了，但還不是我們需要的最終效果，接下來要對模板文件繼續(xù)進(jìn)行調(diào)整，以達(dá)到想要的最終效果(4) 點擊［編輯］后就可以進(jìn)入該模板的風(fēng)格配色方案的編輯頁面，按照圖6把各個對應(yīng)參數(shù)填入相應(yīng)位置。Discuz!Contioi^an-tl熙換?r腌辱面卉題Discuz!Contioi^an-tl熙換?r腌辱面卉題肌熬豬埋Z95A刪男雨力案test斃麗方蛋呂鴨：|test~^RSIr-何-T輻杖趨啊話哩劇WWWit觀lAffl存8Mt5TTLEIMGDIFl>3tFE[ilmh- ni-a^-rs彌1）呵*(圖6)填寫好后，點擊“提交”，更新一下緩存，瀏覽論壇首頁出現(xiàn)下圖:

?jcrsn*.m.miii七已土i'：a* : --T.?jcrsn*.m.miii七已土i'：a* : --T.TI■uudii*WW坯血3/2K￡：n^h吐臥-"匹電于總於舌:四盍停日，i),f~^-玄況.足味辭:打門嚴(yán):…g'"jj―S■'AWif??_ _.■I.（圖7）呵呵，有內(nèi)容出來了，可是排版上卻變得亂七八糟了，這是因為還沒有引入CSS文件。這時將原來設(shè)計好的CSS文件放到你模板目錄下(templates/test),并將它重命名為“css_append.htm”(注意：改后的文件名是css_append，后綴名是htm)。接著打開header.htm文件，找到你引入CSS文件的語句，這會因為引入的語句不同而不同，我這里是<styletype二"text/css">@importurl(css/style.css);</style>將這個替換為：$rsshead$extrahead{subtemplatecss_script}這樣就可以將你的CSS文件引入了。進(jìn)入后臺更新一下緩存,現(xiàn)在的效果圖如下:(圖8)這樣就整齊了許多，這時你是不是發(fā)覺少了點東西？沒錯，圖片沒有顯視出來。下面我們先

將背景圖(也就是CSS文件中引入的圖片)顯示出來。打開css_append.htm文件，找到所有你引入圖片的地方，將路徑替換為“{STYLEIMGDIR}”。例如：這里有一句：#footer{padding:lem0;background:url(images/footer_bg.gif)}將它改為：#footer{padding:1em0;background:url({STYLEIMGDIR}/footer_bg.gif)repeat-xtop;}{STYLEIMGDIR}實際上是discuz的一個變量，當(dāng)模板被解釋時，就會用一個值來替換這個變量，這個變量的值可以在后臺設(shè)置。進(jìn)入后臺后點擊“界面一一＞風(fēng)格管理”出現(xiàn)下圖：Discuz!lid聲廠!■■：lid聲廠!■■：Sih■M同■廠事吐rimr匙wAmer=Kiti田"（圖9）找到你正在制作的test找到你正在制作的test風(fēng)格,點擊“編輯”按鈕，出現(xiàn)下圖:版說用戶帖子Discuz!陰圭耳母版說用戶帖子Discuz!陰圭耳母CmIpdIPanel畀面-卑?欄界it理ami卿弄0方雷-1^1Sira±jmi小葉抿射程艸面tlHGOlR}{5TYLEIMGD1R}>（圖10）就會用上面所填的路徑來替換這個變量?？吹搅税桑?dāng)模板被解釋時，好了，現(xiàn)在更新緩存再看一下效果:就會用上面所填的路徑來替換這個變量。（圖11）哈哈，和原來設(shè)計的效果圖一樣了，是否有一種成功的喜悅？雖然，到這里已經(jīng)邁出了成功的一步，但革命尚未成功，同志仍需努力！現(xiàn)在制作的模版是靜態(tài)的，也就是說就算你發(fā)貼了，里面的內(nèi)容也不會改變的，甚至你點個連接都會出錯的。下面我們就來讓它“動”起來。一、修改頭部文件header.htm1、 打開正在制作的模板header.htm文件（以下簡稱header.htm）,以及默認(rèn)模板templates\default的header.htm文件（以下簡稱“默認(rèn)header.htm”）。2、 將header.htm文件的標(biāo)題用$navtitle$bbname$seotitle來代替。例如：我這里是：“〈title〉搜球論壇〈/title〉”改后就變成了“〈title〉$navtitle$bbname$seotitle〈/title〉”3、 看header.htm里是否有類似“〈metaname二"keywords"content二""/〉”這樣的語句，有就刪除。然后，將默認(rèn)header.htm里的以下語句：<metaname二"keywords"content二"{$metakeywords}$seokeywords"/><metaname二"description"content二"$metadescription$bbname$seodescription-Discuz!Board"/><metaname二"generator"content二"Discuz!$version"/><metaname="author"content二"Discuz!TeamandComsenzUITeam"/><metaname="copyright"content二"2001-2009ComsenzInc."/><metaname二"MSSmartTagsPreventParsing"content二"True"/><metahttp-equiv二"MSThemeCompatible"content二"Yes"/><metahttp-equiv二"x-ua-compatible"content二"ie=7"/>復(fù)制粘貼到header.htm文件相應(yīng)的位置（注這些對界面沒什么影響，但對SEO優(yōu)化有幫助）4、 將默認(rèn)header.htm里的以下語句：<scripttype="text/javascript"〉varSTYLEID='{STYLEID}',IMGDIR='{IMGDIR}',VERHASH='{VERHASH}',charset二'$charset',discuz_uid=$discuz_uid,cookiedomain='$cookiedomain',cookiepath='$cookiepath',attackevasive='$attackevasive',allowfloatwin='$allowfloatwin',creditnotice='{if$creditnotice}$creditnames{/if}',{ifin_array（CURSCRIPT,array（'viewthread'.'forumdisplay'))}gid=parseint('$thisgid'){elseifCURSCRIPT=='index'}gid=parseint('$gid'){else}gid=0{/if},fid=parseInt('$fid'),tid=parseInt('$tid')〈/script〉〈scripttype="text/javascript"src二"include/js/common.js?{VERHASH}"〉〈/script〉復(fù)制粘貼到header.htm文件相應(yīng)的位置(至于這些有什么作用，自己查一下吧)5、 將頭部的logo"動”起來搜球諺壇工首頁（圖12）找到顯示logo的地方，我這里是：<divclass二"logo"〉〈ahref二"index.php">搜球論壇〈/a>〈/div>將“index.php”和“搜球論壇”分別用$indexname和$bbname代替（$indexname是首頁文件名的變量，$bbname是論壇名稱變量，其它相同的地方都可以用這兩個變量作替換，以增加模版的適應(yīng)性。）6、 讓登陸狀態(tài)“動”起來irncac在絨退出短哨融世樂任勞空.耳亍人中心 至級陽(圖13)<divid="umenu"><ul><li><spanclass二"quicklink_login"〉href="space?php?uid=l"class="noborder">zncai〈/a>|<spanid="loginstatus"Xahref="member.php?action=switchstatus"title="我要隱身"〉在線〈/aX/span>|<ahref="logging?php?action=logout&formhash=7edab246">退出〈/a>〈/span>|<ahref="pm.php"id="pm_ntc"target="_blank">短消息</a><aid="task_ntc"href="task.php"target="_blank">論壇任務(wù)〈/a>|<ahref="http://127?0?0?l/UCenter_Home/space.php?uid=l"target="_blank">空間</a><ahref="memcp.php">個人中心</a>|<ahref="admincp.php"target="_blank">系統(tǒng)設(shè)置</a></li></ul></div>上面是我設(shè)計的效果圖和相應(yīng)的代碼，這是登陸時的顯示狀態(tài)，當(dāng)然我還希望沒登陸的時候> [.、/.tzzt *這樣顯示：(圖14)在默認(rèn)header.htm文件中找到：<ahref二"space.php?uid=$discuz_uid"class二"noborder"〉$discuz_userss〈/a〉〈！一{if$allowinvisible}--><spanid二"loginstatus"><!--{if!empty($invisible)}--><ahref="member.php?action二switchstatus"〉{langlogin_invisible_mode}</a><!--{else}--><ahref="member.php?action=switchstatus"title="{langlogin_switch_invisible_mode}">{langlogin_normal_mode}</a><!--{/if}—></span><!—{/if}—></cite><spanclass="pipe">|</span><ahref="my.php?item=threads{if$forum}&srchfid=$forum[fid]{/if}">{langmy_posts}〈/a><!—{if$ucappopen['UCHOME']}—><ahref="{$uchomeurl}/space.php?uid=$discuz_uid"target="_blank">{langspace_short}</a><!—{elseif$ucappopen['XSPACE']}—><ahref="{$xspaceurl}/?uid-$discuz_uid"target="_blank">{langspace_short}</a>〈!一{/if}—><ahref="pm.php"id="pm_ntc"<!--{if$newpm&&$_DCOOKIE['pmnum']}—>class="new"title="{langpm_new}"<!—{/if}—>target="_blank">{langpm}<!—{if$newpm&&$_DCOOKIE['pmnum']}-->〈span>($_DCOOKIE[pmnum])〈/span>〈！--{/if}--></a><!—{if$taskon}—><aid="task_ntc"{if$doingtask}href="task.php?item=doing"class="new"title="{langtask_unfinish}"{else}href="task.php"{/if}target="_blank">{langtask}</a>〈!一{/if}—><spanclass="pipe">|</span><ahref二"memcp.php"〉{languser_center}〈/a〉<!—{if$discuz_uid&&$adminid〉1}—〉〈ahref二"modcp.php?fid=$fid"target二"_blank"〉{langmodcp}〈/a〉〈!--{/if}—><!—{if$discuz_uid&&$adminid==1}—〉〈ahref二"admincp.php"target二"_blank"〉{langadmincp}〈/a〉〈！--{/if}—〉〈ahref二"logging.php?action=logout&formhash二{FORMHASH}"〉{langlogout}〈/a〉<!—{elseif!empty($_DCOOKIE['loginuser'])}—〉<cite〉〈aid二"loginuser"class二"noborder"〉$_DCOOKIE['loginuser']〈/a〉〈/cite〉〈ahref="logging.php?action=login"〉{langactivation}〈/a〉〈ahref="logging.php?action=logout&formhash二{FORMHASH}"〉{langlogout}〈/a〉<!—{else}—〉<ahref="$regname"class二"noborder"〉$reglinkname〈/a〉<ahref="logging.php?action=login"〉{langlogin}〈/a〉〈!一{/if}—〉用這一段代碼替換上面紅色黑體部份，并在<divid二"umenu"〉<ul><li>的后面加上這一句：<!—{if$discuz_uid}—〉還是那句話，想知到上面代碼具體的意思，只能你自己去查找，我不可能一個一個的來解釋。7、 讓菜單“動”起來諭壇 拖陣樹獎爲(wèi)吹網(wǎng)真電現(xiàn)柏叩和WW赫片球阿怔股(圖15)<divid二"menu"〉<ul><liclass="menu_l"Xahref="index.php"hidefocus="true"id="mn_index">論壇</a></li><liclass="menu_2"Xahref="search?php"hidefocus="true"id="mn_search">搜索</a></li><liclass="menu_3"id="plugin"><ahref="javascript:;"hidefocus="true"class="dropmenu">插件</a></li><li><ahref="luck.php">抽獎系統(tǒng)</a></li><li><ahref="plugin.php?identifier=chat&module=chat">聊天室</a></li><li><ahref="auction.php">競拍中心</a></li><liclass="menu_4"><ahref="faq.php"hidefocus="true"id="mn_faq">幫助</a></li><liclass="menu_5"><ahref="misc?php?action=nav"hidefocus="true">導(dǎo)航</a></li> <liclass="menu_6"><ahref="/SupeSite"hidefocus="true"id="mn_SupeSite">搜球網(wǎng)社區(qū)</a></li></ul></div>在默認(rèn)header.htm文件中找到：<ul><!—{if$_DCACHE['settings']['frameon']>0}—><li><spanclass二"frameswitch"〉<scripttype="text/javascript"〉if(top==self){{if($_DCACHE['settings']['frameon']==2&&!defined('CACHE_FILE')&&in_array(CURSCRIPT,array('index','forumdisplay','viewthread'))&&(($_DC00KIE['frameon']=='yes'&&$_GET['frameon']!='no')||(empty($_DC00KIE['frameon'])&&empty($_GET['frameon']))))}top.location='frame.php?frameon=yes&referer='+escape(self.location);{/if}document.write('<ahref="frame.php?frameon=yes"target="_top"class="frameon">{langframeon_column}〈\/a〉')；}else{document.write('<ahref="frame.php?frameon=no"target="_top"class="frameoff">{langframeon_flat}〈\/a〉')；}</script></span></li>〈!一{/if}—〉<!—{loop$navs$id$nav}—><!—{if$id==3}—><!—{if!empty($plugins['jsmenu'])}—>$nav[nav]〈!一{/if}—〉<!—{if!empty($plugins['links'])}—><!—{loop$plugins['links']$module}—><!—{if!$module['adminid']||($module['adminid']&&$adminid>0&&$module['adminid']>=$adminid)}--〉〈li〉$module[url]〈/li〉〈！--{/if}--><!—{/loop}—>〈!一{/if}—〉<!—{else}—><!—{if!$nav['level']||($nav['level']==1&&$discuz_uid)||($nav['level']==2&&$adminid>0)||($nav['level']==3&&$adminid==1)}—〉$nav[nav]〈!--{/if}—>〈!一{/if}—〉<!—{/loop}—〉<!—{ifin_array($BASEFILENAME,$navmns)}--〉{eval$mnid=$BASEFILENAME;}〈！一{elseif$navmngs[$BASEFILENAME]}—〉<!—{loop$navmngs[$BASEFILENAME]$navmng}--〉<!—{if$navmng[0]==array_intersect_assoc($navmng[O],$_GET)}—>{eval$mnid=$navmng[l];}〈!一{/if}—〉<!—{/loop}—〉〈!一{/if}—〉〈/ul〉<scripttype="text/javascript"〉varcurrentMenu=$('mn_$mnid')?$('mn_$mnid'):$('mn_$navmns[O]');currentMenu.parentNode.className='current';</script〉</div><!—{if!empty($stylejumpstatus)}—〉<scripttype="text/javascript"〉functionsetstyle(styleid){str二unescape('{echostr_replace("'","\\'〃，urlencode($_SERVER[QUERY_STRING]))}');str二str.replace(/「|&)styleid=\d+/ig,'');str二(str!=''?str+'&':'')+'styleid二'+styleidlocation.href='$BASESCRIPT?'+str;}</script〉<ulid="style_switch"><!—{loop$styles$id$stylename}—〉<li{if$id==STYLEID}class="current"{/if}〉<ahref="###"title="$stylename"style二"background:$styleicons[$id];"〉$stylename〈/a〉〈/li〉<!—{/loop}—〉</ul>

〈!一{/if}—〉用這一段代碼替換上面紅色黑體部份，這樣就實現(xiàn)了菜單的調(diào)用。到此整個頭部header.htm文件模板就制作好了。二、制作首頁主體部分同樣打開正在制作的模板discuz.htm文件（以下簡稱discuz.htm），以及默認(rèn)模板templates\default的discuz.htm文件（以下簡稱“默認(rèn)discuz.htm”）1、 導(dǎo)航條搜球論壇>首頁（圖16）<divclass="left"><ahref二"index.php">搜球論壇</a>»首頁</div>“搜球論壇”和“首頁”分別用“$bbname”和“{langhome}”代替。2、 版塊列表■詢■■主和h ''' wfe■2W9-adi-EIadi和”丄IFiFWKB1>（圖17）<divclass二"mainboxlist"><spanclass二"headactions">小葉<imgid="category_1_img"src="images/default/collapsed_no.gif"title="收起/展開"alt="收起/展開"/></span><h3><ahref="index.php?gid=1">新手指南〈/a>〈/h3><tableid="category_l"summary二"categoryl"cellspacing二"0"cellpadding二"0"style二""〉<tbodyid="forum15">〈tr〉<th><divclass二"left"〉〈h2〉〈ahref二"forumdisplay.php?fid=15">新手扌旨南〈/a〉〈/h2〉<p>版主：〈aclass="notabs"href二"space.php?username二yysh"〉yysh〈/a〉〈/p〉〈/div〉〈/th〉〈tdclass二"forumnums"〉〈em〉2〈/em〉/2</td〉〈tdclass二"forumlast"〉〈p〉〈ahref二"redirect.php?tid=2&goto=lastpost#lastpost"〉我是新手〈/a〉〈/p〉<cite〉〈ahref二"space.php?username二yysh"〉yysh〈/a〉-2009-6-2517:03〈/cite〉〈/td〉〈/tr〉〈/tbody>〈/table></div>上面只列出了“新手指南”區(qū)塊的代碼，其它區(qū)塊雷同就不再列出了。在默認(rèn)discuz.htm文件中找到下面這段代碼：（綠色字體是我添加的注釋）〈！一{loop$catlist$key$cat}—〉//循環(huán)〈!一{if$cat['forumscount']}—〉<divclass二"mainboxlist"〉<spanclass="headactions"〉<!—{if$cat['moderators']}—〉{langforum_category_modedby}:$cat[moderators]〈！一{/if}—〉//如果有分區(qū)版主則顯示<imgid="category_$cat[fid]_img"src二"{IMGDIR}/$cat[collapseimg]"title="{langspread}"alt二"{langspread}"/>//分區(qū)版塊的收縮與展開</span>〈h3〉〈ahref="$indexname?gid=$cat[fid]"〉$cat[name]〈/a〉〈/h3〉//分區(qū)名稱〈tableid="category_$cat[fid]"summary="category$cat[fid]"cellspacing="0"cellpadding="0"style二"$collapse['category_'.$cat[fid]]"〉//這里有幾個變量'簡單來說是用于后臺控制的，不用細(xì)究<!—{if!$cat['forumcolumns']}—〉//如果下級子版塊橫排數(shù)為0則按下面版式來顯示版塊列表，橫排數(shù)可在后臺設(shè)置的<!—{loop$catforums]$forumid}--〉//循環(huán)語句，循環(huán)次數(shù)為此分區(qū)的子塊版塊數(shù)<!—{eval$forum=$forumlist[$forumid];}—〉<tbodyid="forum$forum[fid]">〈tr〉〈th$forum[folder]>$forum[icon]//版塊圖標(biāo)<divclass二"left"〉〈h2〉〈ahref="forumdisplay.php?fid=$forum[fid]"{if$forum[redirect]}target二"_blank"{/if}>$forum[name]〈/a〉//版塊轉(zhuǎn)向URL,$forum[name]版塊名稱<!—{if$forum[todayposts]&&!$forum['redirect']}—〉<em>({langindex_today}:〈strong〉$forum[todayposts]〈/strong〉)〈/em〉〈!一{/if}—〉//如果今日發(fā)貼數(shù)不為0則顯示〈/h2〉<!--{if$forum[description]}—〉〈p〉$forum[description]〈/p〉〈！一{/if}—〉//版塊簡介<!—{if$forum['subforums']}—〉〈p〉{langforum_subforums}:$forum['subforums']〈/p〉<!—{/if}—〉//是否顯示子版塊<!—{if$forum['moderators']}—〉//如果版王不為空<!—{if$moddisplay=='flat'}—〉//版王以平面方式顯示〈p〉{langforum_moderators}:$forum[moderators]〈/p〉<!--{else}—〉//否則版王以下拉菜單方式顯示<spanclass二"dropmenu"id二"mod$forum[fid]">{langforum_moderators}〈/span〉<ulclass二"moderatorspopupmenu_popup"id="mod$forum[fid]_menu"style二"display:〃\none〉$forum[moderators]〈/ul〉〈!一{/if}—〉〈!一{/if}—〉</div>〈/th>〈tdclass二"forumnums"〉<!—{if$forum['redirect']}--〉N/A<!—{else}—〉<em>$forum[threads]〈/em〉/$forum[posts]//$forum[threads]王題數(shù)，$forum[posts]總發(fā)貼數(shù)〈!一{/if}—〉〈/td>〈tdclass="forumlast"〉<!—{if$forum['permission']==1}—〉//是否為私密版塊{langprivate_forum}<!—{else}—〉<!—{if$forum['redirect']}--〉<ahref二"forumdisplay.php?fid=$forum[fid]"〉{langurl_link}〈/a〉<!—{elseifis_array($forum['lastpost'])}--> //顯示最后發(fā)貼的信息〈p〉〈ahref二"redirect.php?tid=$forum[lastpost][tid]&goto=lastpost#lastpost"〉{echocutstr($forum[lastpost][subject],30)}〈/a〉〈/p〉〈cite〉<!—{if$forum['lastpost']['author']}—〉$forum['lastpost']['author']〈！一{else}—〉{langanonymous}〈!一{/if}—〉-$forum[lastpost][dateline]</cite〉<!—{else}—〉{langnever}//從未發(fā)貼〈!一{/if}—〉〈!一{/if}—〉〈/td>〈/tr〉〈/tbody><!—{/loop}—〉//循環(huán)顯示版塊列表結(jié)束〈!一{else}—〉//如果下級子版塊橫排數(shù)不為0則按下面版式來顯示版塊列表,下面就不注悉了，基體和上面是一樣的，只是顯示的方式不同而已〈trclass二"narrowlist"〉<!—{loop$cat['forums']$forumid}--〉<!—{eval$forum=$forumlist[$forumid];}--〉<!—{if$forum['orderid']&&($forum['orderid']%$cat['forumcolumns']==0)}—〉〈/tr〉〈/tbody〉<!—{if$forum['orderid']〈$cat['forumscount']}--〉〈tbody〉〈tr〉〈!一{/if}—〉〈!一{/if}—〉〈thwidth="$cat[forumcolwidth]"{$forum[folder]}〉〈h2〉〈ahref="forumdisplay.php?fid=$forum[fid]"{if$forum[redirect]}target二"_blank"{/if}〉$forum[name]〈/a〉<!—{if$forum[todayposts]}—〉〈em〉({langindex_today}:〈strong〉$forum[todayposts]〈/strong〉)〈/em〉〈！一{/if}—〉〈/h2〉<!—{if!$forum[redirect]}--〉<p>{langforum_threads}:$forum[threads],{langforum_posts}:$forum[posts]〈/p〉<!—{if$forum['permission']==1}—〉<p>{langprivate_forum}<!—{else}—>〈p〉{langforum_lastpost}:<!—{ifis_array($forum['lastpost'])}—>〈ahref二"redirect.php?tid=$forum[lastpost][tid]&goto=lastpost#lastpost"title二"{echocutstr($forum[lastpost][subject],30)}{langforum_lastpost_by}{if$forum['lastpost']['author']}$forum['lastpost']['authorusername']{else}{langanonymous}{/if}">$forum[lastpost][dateline]〈/a〉<!—{else}—> {langnever}〈!一{/if}—〉</p>〈!一{/if}—〉<!—{else}—>〈p〉{langurl_link}〈/p〉〈!一{/if}—〉〈/th〉<!—{/loop}—〉$cat['endrows']〈!一{/if}—〉〈/table>〈/div〉//下面是關(guān)于廣告的一些代碼，不是重點，這里就不細(xì)究了<!—{if!empty($insenz['vfstatus'])&&$insenz['vfpos']=='rand'&&$key==$rkey}—〉<scripttype="text/javascript"src="campaign.php?action=list"〉〈/script〉〈!一{/if}—〉<!—{if$admode&&empty($insenz['hardadstatus'])&&!empty($advlist['intercat'])&&($advlist['intercat'][$key]=array_merge(($advlist['intercat'][0]?$advlist['intercat'][0]:array()),($advlist['intercat'][$key]?$advlist['intercat'][$key]:array())))}—〉<divclass二"ad_column"id="ad_intercat_$key"〉<!—{echo$advitems[$advlist['intercat'][$key][array_rand($advlist['intercat'][$key])]]}--〉</div><!—{else}—〉<divid="ad_intercat_$key"〉〈/div〉〈!一{/if}—〉〈!一{/if}—〉<!—{/loop}—〉上面這段代碼便可以羅列出區(qū)塊和版塊，但該如何加入到我們制作的模塊中呢？首先將你設(shè)計的顯示版塊列表的那些代碼全部清空，然后將上面這段添加到相應(yīng)的位置。這樣就可以將版塊列表顯示出來了，但很有可能顯示的內(nèi)容是亂七八糟的。這是因為，你加入這段代碼

的CSS類名和你原來的不一樣了，這就需要你在css_append.htm文件里重新定義CSS，以達(dá)到你想要的效果。當(dāng)然你可以發(fā)現(xiàn)上面這段代碼有些地方使用變量來作為CSS類名了，這是為了能夠在后臺控制顯示的樣式。為了簡單，這里暫不細(xì)究，你只要將這些重新命名，在css_append.htm文件里定義就行了。3、 友情鏈接和在線會員iAm-1二汕0“1樸.<reipt-Hi葛謁屢鼻干rtw-r-sQwifR Ohe±E3左審（圖18）顯示這兩塊的實現(xiàn)代碼也不少，這里不再列出來分析了，因為如果你能將上面的版塊列表弄明白，這兩塊也就自然自知怎樣處理了。4、 數(shù)據(jù)調(diào)用數(shù)據(jù)調(diào)用就不能像之前那樣簡單地從默認(rèn)模版那里拷貝、粘貼就可以了。這需要利用后臺才行。在開始之前先看一下，我們要實現(xiàn)的效果面板Hi,zncai我的帖子我的收赫面板Hi,zncai我的帖子我的收赫我的訂閱我的權(quán)限點擊查看我的短消息（圖19）模塊腳本”，這里顯示了所在的模塊腳本。點擊“我的助手”后面的“添加”出現(xiàn)下圖，?數(shù)據(jù)調(diào)用?這里顯示的內(nèi)容是調(diào)用了“我的助手”（“我的助手”屬于模塊腳本，而模塊腳本為數(shù)據(jù)調(diào)用模塊的一種擴(kuò)展，適用于懂得書寫PHP程序的程序員）。登陸后臺“工具

存閱■貢hill期euiiRi棚期曲11ill璟創(chuàng)風(fēng)科miiiwPims貼廝彗閉n曲?言存閱■貢hill期euiiRi棚期曲11ill璟創(chuàng)風(fēng)科miiiwPims貼廝彗閉n曲?言應(yīng)找醫(yī)沖.糧攜弟轉(zhuǎn)插:廣JI岸石盃丘UM：（圖20）“模塊名稱”為必填項，其它的可以不填。點擊“預(yù)覽”按鈕，出現(xiàn)下圖:（圖21）將“{evalrequest（'小葉—我的助手'）;}”這句拷貝下來，并按“提交”按鈕；接著用“{evalrequest（'小葉—我的助手'）；}”這句替換相應(yīng)的代碼。更新一下緩存再瀏覽主頁，這時會發(fā)現(xiàn)，顯示的內(nèi)容和格式與想要的結(jié)果不一樣。這是因為模塊腳本也用它自己的模版，像“我的助手”的模塊腳本為“include/request/assistant.inc.php"文件，如果當(dāng)前模版文件夾中有request_assistant.htm文件，則“我的助手”使用當(dāng)前的request_assistant.htm文件作為模版，否則使用默認(rèn)模版文件夾“templates/default/"目錄下的request_assistant.htm文件作為模版。所以，如果你要實現(xiàn)你自己想要的形式就要將默認(rèn)模版文件夾“templates/default/"目錄下的request_assistant.htm文件復(fù)制到當(dāng)前模版文件夾中，并作相應(yīng)的修改才行。如果要圖10的效果，可以參考大魔王的“藍(lán)色經(jīng)典"模版中的request_assistant.htm文件，值得注意的是，這個的CSS樣式同樣要在css_append.htm文件中定義。下面教大家另一種非模塊腳本數(shù)據(jù)調(diào)用，這種調(diào)用包括：主題列表、版塊列表、主題附件等等。很多人喜歡在首頁將貼中的圖片以幻燈片的形式來顯示，這屬于下，要主題附件調(diào)用，下面就以這種調(diào)用來演示非模塊腳本的數(shù)據(jù)調(diào)用。先看實現(xiàn)的效果：下，要TttZ-lSTttZ-lS（圖22）〈divclass二"flashshow"style二"float:left;"〉<ulid="slidedata"style="display:none"〉<lititle=img>images/pic_1.jpg<lititle=link>redirect.php?goto=findpost&ptid=4&pid=12<lititle=subject>我喜歡足球<lititle=img>images/pic_2.jpg<lititle=link>redirect?php?goto=findpost&ptid=3&pid=11<lititle=subject>天下電競</ul><divid="slidecontent"></div><scriptlanguage="javascript"src="photo_show.js"></script></div>將你設(shè)計的顯示圖片幻燈片的javascript文件（我這里是photo_show.js）拷貝到當(dāng)前制作的模版文件夾下。主題附件”，將下面的代碼填到圖中所示的地方?添加?數(shù)據(jù)調(diào)用?登陸后臺“工具<ulid="slidedata"style二"display:none">[node]<lititle=img>{imgfile}<lititle=link>{link}<lititle=subject〉{subject}[/node]</ul><divid="slidecontent"〉〈/div〉<scriptlanguage二"javascript"src="templates/test/photo_show.js"〉〈/script〉（注：〈scriptlanguage二"javascript"src="photo_show.js"〉〈/script〉”這是你設(shè)計的顯示圖片幻燈片的js文件，注意文件的路徑要正確。因為我將photo_show.js這個文件放在了“templates/test/”目錄下，故src="templates/test/photo_show.js"。可能你設(shè)計圖片幻燈片顯示的javascript程序并