您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
dedecms织梦列表页每隔N行文章添加一条分隔线的实现方法
含玉2024-05-25 17:15:47dedecms教程已有人查阅
导读这是给一个朋友做模板的时候,用到的一个小小的技巧,今天正好用上了,以前看到有人问过不知道解决没有,今天整理了一下,本想保存在自己的电脑里,后来一想
这是给一个朋友做模板的时候,用到的一个小小的技巧,今天正好用上了,以前看到有人问过不知道解决没有,今天整理了一下,本想保存在自己的电脑里,后来一想,不如咱们一起共享一下,也是对织梦的感恩,有好东西就来分享。
也就是实现下面每隔5行,显示一条虚线,当然,这里可以是实线可以是其它的任何一种线,任何一种颜色的线,这些线都是由css定义的。
代码如下:本部分设定了隐藏,您已回复过了,以下是隐藏的内容
有人人问我不会用虚线这个用css定义就好了,我这里给一个,只是个例子,做成什么样的虚线,自己发挥吧:
也就是实现下面每隔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; width:100%; border-bottom:1px dashed #000;}
</style>
<div class="liehuo_line"></div>
本文标签:
很赞哦! ()
相关文章
随机图文
-
织梦dedecms排行榜怎么制作
织梦在做文章排行榜时,效果如下图,这个排行主要有两个知识点,其一是列表前面数字递增,其二是列表的前三篇文章序号背景色蓝色,其它序号背景是白色。 -
织梦cms文章的大图片不破坏布局的实例代码
解决页面出现图片过大、撑破表格或不显示超出部分图片的问题,相信很多朋友,都曾遇到过,发表一篇普通文章,如果图片宽度超过内容区域大小,图片就会把表格撑大 -
dedecms织梦安全提示的解决方法介绍
1.目前data、uploads有执行.php权限,非常危险,需要立即取消目录的执行权限!对于第一个问题官网作出的回答在细节上没有让大家明白,对于那些什么 -
织梦dedecms文章页调用tag关键词的方法
这个方法在帮助模板里面找到的,只是织梦默认模板没有调用。我们只需要对模板文件进行简单的修改即可调用。1、打开文章页模板文件templets/default
留言与评论 (共有 条评论) |