dedecms調(diào)用不同CSS樣式的文章列表
2018-11-02 來源：學做網(wǎng)站論壇
在網(wǎng)站制作時，往往需要調(diào)用的文章列表應用不同的CSS樣式，例如第一個，第三個，第五個項目的文字顏色為藍色，第二個，第四個顏色為黑色。如何通過DEDECMS的代碼去調(diào)用這樣的效果呢？（相關知識：DedeCMS教程）
這種效果就是要求DEDECMS有規(guī)律的列表輸出LI標簽，然后應用相應的CSS樣式。我們可以使用以下的參數(shù)：
[field:global name=autoindex runphp="yes"]if(@me%2==0)@me=" class=\"mar20\">";else @me=">";[/field:global]
這個參數(shù)可以加在調(diào)用的任何一個地方，控制CSS的輸出，不僅可以應用于arclist,還可以應用于list,寫法都是一樣的。
應用于arclist
{dede:arclist typeid='23' limit='0,10' titlelen='28'}
<dl[field:global name=autoindex runphp="yes"]if(@me%2==0)@me=" class=\"mar20\">";else @me=">";[/field:global]
<dt>·[field:title/]</dt>
<dd>[field:pubdate function='MyDate("Y-m-d",@me)'/]</dd>
</dl>
{/dede:arclist}
<dl[field:global name=autoindex runphp="yes"]if(@me%2==0)@me=" class=\"mar20\">";else @me=">";[/field:global]
<dt>·[field:title/]</dt>
<dd>[field:pubdate function='MyDate("Y-m-d",@me)'/]</dd>
</dl>
{/dede:arclist}
應用于list
{dede:list pagesize='36'}
<dl><dt><img src="/img/lby_06.jpg" width="9" height="9" /> [field:title/]</dt>
<dd>[field:pubdate function="GetDateMK(@me)"/]</dd></dl>
[field:global name=autoindex runphp="yes"](@me%6)? @me="":@me="</div><div class=\"lby1_3\">";[/field:global]
{/dede:list}
<dl><dt><img src="/img/lby_06.jpg" width="9" height="9" /> [field:title/]</dt>
<dd>[field:pubdate function="GetDateMK(@me)"/]</dd></dl>
[field:global name=autoindex runphp="yes"](@me%6)? @me="":@me="</div><div class=\"lby1_3\">";[/field:global]
{/dede:list}
更新：
以上是通過dedecms的代碼的方式來控制不同的標簽應用不同的樣式，還可以直接在CSS中使用CSS選擇器來控制子元素。
E:nth-child(even){color:#69c}
標簽： 代碼 網(wǎng)站制作
版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。
最新資訊
熱門推薦