洞悉互聯網前沿資訊,探尋網站營銷規律
作者:Smileby陌少羽 | 2018-04-12 14:30 |點擊:
標題描述的不太清楚,我們先看圖:
很多時候我們在做文章列表前面的序號時都直接采用的是背景圖片來實現的,但是這樣我們在實際寫頁面過程中需要手動調整每個序號間的間距,對于排版來說非常的麻煩。今天這個文章的目的就是是介紹怎么利用dedecms的[field:global.autoindex/]來實現前面的序號以及背景樣式。
實現方法:我們先看下面一段代碼
{dede:arclist typeid=’1′ limit=’0,10′ titlelen=’30′}
<li>
<em class=”num[field:global name=autoindex runphp="yes"](@me<4)? @me=”3″:@me=”";[/field:global]“>[field:global name=autoindex runphp="yes"](@me<10)? @me=”0@me”:@me=”10″;[/field:global]</em>
<a href=”[field:arcurl/]” target=”_blank” title=”[field:fulltitle/]“>[field:title/]</a></li>
{/dede:arclist}
//@me 表示這個標記本身的值
//autoindex 自增序號 就想是一般循環有語句中的 i++ 循環一次 自動加1
//runphp=”yes” 在php程序中運行
// em 大家都懂吧 是一個html標簽<em>其他的大家都懂的 我就不扯了
模板經過解析后前臺顯示為
<li><em class=”num3″>01</em><###</li>
<li><em class=”num3″>02</em>##</li>
<li><em class=”num3″>03</em>##</li>
…
<li><em class=”num”>09</em>##</li>
<li><em class=”num”>10</em>##</li>
顯示為10行,而且前面都帶有編號,至于序號上的顏色邊框我想大家用css或者是圖片都是可以實現的吧!
解釋下上面的語句,autoindex<4 則讓autoindex的值返回3 如果autoindex<10 則讓autoindex的值返回0autoindex;
如果說你要調用數字非常有規律,跟[field:global name=autoindex runphp="yes"]@me;[/field:global]中的@me 成等比或者是等差或者是相差一個固定的數值,那么可以這樣寫@me=“@me”+1 ,其它請自行嘗試@me=“@me+1 ”是不對的,那樣+1會看作是一個字符串!
dedecms運用[field:global.autoindex/]實現數字序號列表就寫到這里,上面的案例只能在arclist標簽中使用,請大家注意了