织梦CMS

DEDECMS织梦列表页每隔N行文章添加一条分隔线

字号+ 作者:alpha 来源:www.seoalphas.com 2017-10-13 07:46 我要评论(123)

这是给一个朋友做模板的时候,用到的一个小小的技巧,今天正好用上了,以前看到有人问过不知道解决没有,今天整理了一下,本想保存在自己的电脑里,后来一想,不

这是给一个朋友做模板的时候,用到的一个小小的技巧,今天正好用上了,以前看到有人问过不知道解决没有,今天整理了一下,本想保存在自己的电脑里,后来一想,不如咱们一起共享一下,也是对织梦的感恩,有好东西就来分享。
  也就是实现下面每隔5行,显示一条虚线,当然,这里可以是实线可以是其它的任何一种线,任何一种颜色的线,这些线都是由css定义的。
先上图:


代码如下:

{dede:list   pagesize='60' }
 
    <li>  <a href="[field:arcurl/]" target="_blank">[field:title /]</a></li>
 
[field:global name=autoindex runphp="yes"](@me == 5)?@me=" <div class="alpha_line"></div>":@me="";[/field:global]
 
    {/dede:list}

注意加红色的部分是:是你定义的线,是什么样的线,什么颜色的线,都可以自己用css定义。这只是一个例子,请注意,里面的<li></li>可根据你的模板,选择要还是不要。
   有人人问我不会用虚线这个用css定义就好了,我这里给一个,只是个例子,做成什么样的虚线,自己发挥吧:

<style type="text/css">
.
liehuo_line
{ height:1px; width:100%; border-bottom:1px dashed #000;}
</style>
<div class="alpha_line"></div>



1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
评论区域