[經(jīng)驗(yàn)]dedecms列表頁(yè)隔五行一個(gè)分隔線

dedecms列表頁(yè)如果是每個(gè)標(biāo)題都隔離，非常占用頁(yè)面，為了讓頁(yè)面更集中，美觀，英德網(wǎng)站建設(shè)想實(shí)現(xiàn)織夢(mèng)dede文章列表頁(yè)隔5行加一行線?？上д伊舜蟀胩?，無(wú)論是百度還是谷歌都沒(méi)有真正比較好的答案。

當(dāng)然不是咱百度不行，可惜到處都是兩篇文章，一篇是08年某版主寫的解決辦法，當(dāng)時(shí)估計(jì)是DEDE早期版本，需要修改inc里面的php文件和參數(shù)，非常的不方便。而另一篇?jiǎng)t是一大堆的數(shù)據(jù)庫(kù)參數(shù)調(diào)用與計(jì)算，好像是算法復(fù)雜了一些呀。

例如下面的代碼——隔五行添加一分隔線

{dede:list pasize='50'}
<LI><a href="[field:arcurl /]" title="[field:title function='htmlspecialchars(@me)'/]" target=_blank>[field:title function="cn_substr(@me,48)"/]</a>[field:pubdaterunphp='yes']
$a="<font color=red>".strftime('%m-%d',@me)."</font>";
$b=strftime('%m-%d',@me);
$ntime = time();
$day3 = 3600 * 24;
if(($ntime - @me) < $day3) @me = $a;
else @me =$b;
[/field:pubdate]<br>
[field:global name=autoindex runphp="yes"]
if(@me%5==0)@me="<hr />";
else @me="";
[/field:global]
{/dede:list}
</LI>

不是說(shuō)以上的代碼不能用，而是基于代碼簡(jiǎn)潔，成效簡(jiǎn)單的情況下，能夠不修改文件，不復(fù)雜運(yùn)算就好了。后來(lái)在蘇歌seo的不懈努力之下，終于讓蔚藍(lán)找到了解決方法，簡(jiǎn)單的計(jì)算加上CSS控制一下，完美實(shí)現(xiàn)了dede隔五行加一分隔線。代碼如下：

<div class="liebiao">
<ul>{dede:arclist orderby=pubdate titlelen='36' row='10'}
<li><a href="">[field:title/]</a>
[field:global runphp='yes' name=autoindex]
$a="<hr>";
((@me%5)==0)? @me="$a":@me="";
[/field:global]
</li>
{/dede:arclist}
</ul></div>

以上是利用系統(tǒng)生成文章列表時(shí)的序號(hào)除以5得整數(shù)時(shí)，序號(hào)后面將添加$a即<hr>，這時(shí)在文章列表就會(huì)自動(dòng)在每五行的li后面添加一個(gè)<hr>，然后我們?cè)赾ss樣式表上添加控制一下hr，就可以了。CSS代碼參考如下：

.liebiao ul {}

.liebiao ul li {}

.liebiao hr {border:0; margin-top:5px; border-bottom:solid 1px #FCFCFC; height:1px; width:550px; margin-bottom:4px;}

以上hr的CSS樣式的意思是邊界為0，距離頂部5像素，底面邊界為虛線、1像素、顏色，高度1像素，寬度550像素，距離底部4像素。

大家可以再自行調(diào)整一下。