舟山闪爸电子技术有限公司

產(chǎn)品中心
解決方案
案例
客戶案例
定價(jià)
產(chǎn)品定價(jià)
關(guān)于
關(guān)于我們
KesionCMS 幫助
幫助首頁(yè) 模板標(biāo)簽管理 - 問(wèn)題匯總

25、科汛自定義萬(wàn)能列表標(biāo)簽打造個(gè)性網(wǎng)站頭條

0 2009/12/9 20:32:42

今天為大家介紹一種個(gè)性的網(wǎng)站頭條效果,主要是調(diào)用文章的標(biāo)題和簡(jiǎn)介,科汛系統(tǒng)V6版本集成自定義萬(wàn)能列表標(biāo)簽,這個(gè)萬(wàn)能列表標(biāo)簽具有很強(qiáng)的靈活性.可以集成多種系統(tǒng)自帶的樣式,用戶更可以通過(guò)自定義來(lái)設(shè)計(jì)個(gè)性的網(wǎng)站效果.

首先,我們來(lái)看一下效果圖:

25、科汛自定義萬(wàn)能列表標(biāo)簽打造個(gè)性網(wǎng)站頭條 第 1 張

我們分析下,有文章的標(biāo)題,文章簡(jiǎn)介,每條新聞中間還有分隔線隔開(kāi).

下面,我們著手建標(biāo)簽,點(diǎn)擊"萬(wàn)能列表"選擇自定義輸出樣式(不含自定義字段),在循環(huán)體中輸入我們的代碼,

如下:
[loop={@num}]
<div class="midHeadline">
   <h3><a href="{@linkurl}">{@title}</a></h3>
   <h5>{@intro}</h5>
  </div>
  <div class="feelBlank10"></div>
  <div class="midLine"></div>
[/loop]

下面我把標(biāo)簽效果截圖上來(lái):

25、科汛自定義萬(wàn)能列表標(biāo)簽打造個(gè)性網(wǎng)站頭條 第 2 張

在樣式中,我們對(duì)這些樣式進(jìn)行控制:

<style>
.feelBlank10{width:100%; height:10px; font-size:1px; line-height:1px; clear:both; margin:0 auto;}
.midHeadline{ text-align:left; margin:0 12px}
.midHeadline h3{ font-size:14px; font-weight:900; line-height:23px; padding-bottom:5px}
.midHeadline h5{ text-indent:2em; line-height:18px}
.midLine{height:1px; width:263px; border-bottom:1px dashed #666; margin:0 auto; clear:both; font-size:0;}

</style>

最后把標(biāo)簽{LB_文章頭條}在模板中調(diào)用即可.

上一篇：24、科汛自定義JS標(biāo)簽的應(yīng)用 下一篇：24、科汛自定義JS標(biāo)簽的應(yīng)用
100%