好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

主頁 > 網(wǎng)站建設(shè) > 建站知識 > [經(jīng)驗]dedecms列表頁隔五行一個分隔線

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

POST TIME:2017-12-02 21:51

dedecms列表頁如果是每個標(biāo)題都隔離,非常占用頁面,為了讓頁面更集中,美觀,英德網(wǎng)站建設(shè)想實現(xiàn)織夢dede文章列表頁隔5行加一行線。可惜找了大半天,無論是百度還是谷歌都沒有真正比較好的答案。

當(dāng)然不是咱百度不行,可惜到處都是兩篇文章,一篇是08年某版主寫的解決辦法,當(dāng)時估計是DEDE早期版本,需要修改inc里面的php文件和參數(shù),非常的不方便。而另一篇則是一大堆的數(shù)據(jù)庫參數(shù)調(diào)用與計算,好像是算法復(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>

不是說以上的代碼不能用,而是基于代碼簡潔,成效簡單的情況下,能夠不修改文件,不復(fù)雜運算就好了。后來在蘇歌seo的不懈努力之下,終于讓蔚藍找到了解決方法,簡單的計算加上CSS控制一下,完美實現(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)生成文章列表時的序號除以5得整數(shù)時,序號后面將添加$a即<hr>,這時在文章列表就會自動在每五行的li后面添加一個<hr>,然后我們在css樣式表上添加控制一下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)整一下。



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266