主页 > 网站建设 > 建站知识 > 织梦文章列表页5行加横线的实现方法

织梦文章列表页5行加横线的实现方法

POST TIME:2020-04-10 21:12

在织梦文章列表页中如果没有什么特殊效果就感觉有点乱乱的,所以都喜欢在文章标题下面加点横线什么的,在这里给大家介绍一种5行加横线的方法。

方法一,在文章模板中调用文章的时候使用以下代码:
{dede:arclist typeid='′ titlelen='′ row='′ typeid="" }
·<a class="hengxian" href=http://www.genban.org/"[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中对“hengxian”添加红色线的设置,这样每隔5行就会添加横线。
方法2:
{dede:arclist typeid='′ titlelen='′ row='′ typeid="" }
<li><a href=http://www.genban.org/"[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}



收缩
  • 微信客服
  • 微信二维码
  • 电话咨询

  • 400-1100-266