学做网站培训课程介绍

当前位置:

织梦调用代码:dedecms调用不同CSS样式的文章列表

在网站制作时,往往需要调用的文章列表应用不同的CSS样式,例如第一个,第三个,第五个项目的文字颜色为蓝色,第二个,第四个颜色为黑色。如何通过DEDECMS的代码去调用这样的效果呢?(相关知识:DedeCMS教程

dedecms调用不同CSS样式的文章列表

这种效果就是要求DEDECMS有规律的列表输出LI标签,然后应用相应的CSS样式。我们可以使用以下的参数:

[field:global name=autoindex runphp="yes"]if(@me%2==0)@me=" class="mar20">";else @me=">";[/field:global]

这个参数可以加在调用的任意一个地方,控制CSS的输出,不仅可以应用于arclist,还可以应用于list,写法都是一样的。

应用于arclist

{dede:arclist typeid='23' limit='0,10' titlelen='28'}
<dl[field:global name=autoindex runphp="yes"]if(@me%2==0)@me=" class="mar20">";else @me=">";[/field:global]
<dt>·[field:title/]</dt>
<dd>[field:pubdate function='MyDate("Y-m-d",@me)'/]</dd>
</dl>
{/dede:arclist}

应用于list

{dede:list pagesize='36'}
<dl><dt><img src="/img/lby_06.jpg" width="9" height="9" /> [field:title/]</dt>
<dd>[field:pubdate function="GetDateMK(@me)"/]</dd></dl>
[field:global name=autoindex runphp="yes"](@me%6)? @me="":@me="</div><div class="lby1_3">";[/field:global]
{/dede:list}

更新:

以上是通过dedecms的代码的方式来控制不同的标签应用不同的样式,还可以直接在CSS中使用CSS选择器来控制子元素。

E:nth-child(even){color:#69c}

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 分享一个DEDECMS织梦淘客模板,个人比较喜欢使用DEDECMS程序,后台不需要怎么开发,这是我学习了学做网站论坛的织梦仿站课程,自己仿的一个淘客网站,
  • 使用DEDECMS建网站时,根据不同网站类型,需要建立与自己网站风格要求的管理后台,修改了织梦5.7的后台系统,并详细介绍每一块儿的修改方法。此篇
  • 我们在浏览网站时,会发现有些网站的顶部会有天气预报功能,并且可以根据用户所在的城市自动变换成当地的天气预报信息。那么我们在自己建网站时,怎么
  • 在学做网站论坛的VIP课程中,我们讲了做网站时,我们网站的导航是调用一级分类和页面,可往往为了一些需要,登录制作wordpress下拉菜单,要求调用某个
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 学做网站时,经常要修改代码,很多时候需要用到颜色代码,由于太多,不可能都记住,所以找到了一个带有中文颜色名称表示的颜色代码表,以便后期网页设
  • Wordpress与dedecms是二款国内使用量最大的建网站程序,都可以用来制作各类型网站。下面是Wordpress与dedecms程序的不同点: 1、wordpres
  • page页面可以单独使用不同页面模板,这个我们都知道了,那怎么给不同的single文章页面设计不同模板呢?我们有二种方法: 第一种:通过代码来判断
  • 如果让自己做网站时,网站版面的多样化。实现文章样式不同,就需修改single.php模版。【关于wordpress模板也可学习wordpress模板制作教程】首
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • 这里的站点统计列表,并不是之前讲的如何给网站添加统计代码,而今天讲的统计列表是指统计网站文章数目、评论数目、友链数等11个统计数据。下
  • 在之前的网站制作文章中讲到了wordpress如何调用当前分类下面的子分类的方法,但这种方法只能调用出子分类的名称,无法去调用出子分类下面的文章列表