zoukankan      html  css  js  c++  java
  • DEDECMS织梦列表页每隔N行文章添加一条分隔线

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


    代码如下:

    本部分设定了隐藏,您已回复过了,以下是隐藏的内容


    {dede:arclist row=30 titlelen=50 orderby=pubdate}  
    <li><span>[field:stime/]</span><a href="[field:arcurl/]" target="_blank">[field:title/]</a>  
    [field:global name=autoindex runphp="yes"]  
    if(@me%10==0)@me="<div class="liehuo_line"></div>";  
    else @me="";  
    [/field:global]  
    </li>  
    {/dede:arclist}  
    注意加红色的部分是:是你定义的线,是什么样的线,什么颜色的线,都可以自己用css定义。这只是一个例子,请注意,里面的<li></li>可根据你的模板,选择要还是不要。
       有人人问我不会用虚线这个用css定义就好了,我这里给一个,只是个例子,做成什么样的虚线,自己发挥吧:
    <style type="text/css">
    .liehuo_line{ height:1px; 100%; border-bottom:1px dashed #000;}
    </style>
    <div class="liehuo_line"></div>

  • 相关阅读:
    vue.js 源代码学习笔记 ----- 工具方法 option
    日期字符串格式转换
    MySQL数据库的知识总结
    Mybatis 中#{}和${}的区别
    MySQL数据库 常用命令
    MySQL -进阶
    JQuery杂项方法
    ASP.NET MVC 扩展自定义视图引擎支持多模板&动态换肤skins机制
    C#各种导入Excel文件的数据的方法总结
    C#基础随手笔记之基础操作优化
  • 原文地址:https://www.cnblogs.com/snowhite/p/5070070.html
Copyright © 2011-2022 走看看