菠蘿教你做模板之六-標(biāo)簽?zāi)0寮皩n}模板的制作
1.標(biāo)簽?zāi)0宓闹谱?br /> 前面我們已經(jīng)講到了每個頻道模板的制作,但是我們只是插入對應(yīng)的標(biāo)簽代碼,如何做到顯示的效果能個性化,滿足自己的要求呢?,那么我們就要對自己的標(biāo)簽?zāi)0遄鰝€性化的設(shè)計
所有以tag_開頭的模板
都是標(biāo)簽?zāi)0?br /> 以文章頻道的模板為例
我們會看到
tag_articlelist.html 文章列表標(biāo)簽?zāi)0?br /> tag_picarticle.html 圖片文章標(biāo)簽?zāi)0?br /> 剩下的兩個我們一般做模板的時候,假如自己對于js代碼不是很理解的話,我們一般不會去動它,
打開文章列表標(biāo)簽?zāi)0?br />
CODE: <table width="100%" border="0" align="center" cellpadding="1" cellspacing="1">
{loop $articles $i $article}
{if $i%$cols==0} <tr> {/if}
<td height="20" width="{$width}">
{$article[img]} {if $showcatname}{$article[catname]}{/if} <a href="{$article[url]}" title="{$article[alt]}" target="{$target}" class="tag_title_link">{$article[title]}</a>
{if $showhits}({$article[hits]}){/if}
{if $showauthor}[作者:{$article[author]}]{/if}
{if $article[showcommentlink]} <a href="{PHPCMS_PATH}comment/?item=articleid&itemid={$article[articleid]}" target="_blank"><span class="color_red">評</span></a>{/if}
{if $datetype}[<span class="tag_date">{$article[adddate]}</span>]{/if}
{if $descriptionlen}<br/><span class="tag_description"> {$article[description]}</span>{/if}
</td>
{if $i%$cols==($cols-1)}</tr>{/if}
{/loop}
</table>
{if $pages}
<div class="pages">{$pages}</div>
{/if} 這個里面
{loop $articles $i $article}是一個循環(huán),我們要關(guān)注的就是這個循環(huán)里面的內(nèi)容
{if $i%$cols==0} <tr> {/if} 我們在標(biāo)簽里面設(shè)定的參數(shù),顯示幾列,根據(jù)這個來控制標(biāo)簽的顯示
{$article[img]} 文章的圖片,顯示精華,置頂,還是普通文章
{if $showcatname}{$article[catname]}{/if} 所屬欄目
{$article[url]} 文章路徑
{$article[title]} 文章標(biāo)題
{if $showhits}({$article[hits]}){/if} 點擊數(shù)
{if $showauthor}[作者:{$article[author]}]{/if} 作者
{if $article[showcommentlink]} <a href="{PHPCMS_PATH}comment/?item=articleid&itemid={$article[articleid]}" target="_blank"><span class="color_red">評</span></a>{/if}
新聞熱點
疑難解答
圖片精選