您现在的位置是:首页 > 教程 > dedecms教程dedecms教程

dedecms文章列表每5隔行加横线的实现方法

语兰2024-05-19 21:49:00dedecms教程已有人查阅

导读我看到有些网站在某些文章列表比如推荐文章版块,一整个页面的文章列表看起来会有点乱乱的感觉,在每行或每隔N行列表文章中插入横线,感觉挺好看的

我看到有些网站在某些文章列表比如推荐文章版块,一整个页面的文章列表看起来会有点乱乱的感觉,在每行或每隔N行列表文章中插入横线,感觉挺好看的,所以在这里找了两个方法和大家分享
方法一:
{dede:arclist typeid='1′ titlelen='40′ row='20′ typeid="" }
·<a class="syh" href=http://www.ebingou.cn/"[field:arcurl /]" title="[field:title function='htmlspecialchars(@me)'/]"
target=_blank>[field:title function="cn_substr(@me,48)"/]</a>
[field:global name=autoindex runphp="yes"]if(@me%10==0)@me="<hr />
";
else @me="";
[/field:global]
{/dede:arclist}
如果你定义了相关css,如:"syh" 就是隔行变色
方法2:
{dede:arclist typeid='1′ titlelen='40′ row='20′ typeid="" }
<li><a href=http://www.ebingou.cn/"[field:arcurl/]">[field:title/]</a></li>
[field:global name=autoindex runphp="yes"](@me % 5 == 0)?@me="<li class=\"bline\"></li>":@me="";[/field:global]{/dede:arclist}
如果你定义了相关css,就是每隔5行加一横线,20个列表加三条线不是四个,之后一个一般不用加分隔线,如果想在之后也加分隔线的话,去掉。

本文标签:

很赞哦! ()

留言与评论 (共有 条评论)
验证码:

本栏推荐

相关标签