帝国cmsoss插件 帝国cms隔色换色列表页样式加分隔线实现方法教程

帝国CMS教程
这个方法是可以用在给程序加样式,比如隔行换色还有加分隔线等样式上面,非常简单用帝国默认的代码就可以实现,不用改动系统本身也不用另外加函数.

大家都知道帝国cms模板在制作的时候列表页的调用通常都会用到这样一段代码:

[!--empirenews.listtemp--]

<!--list.var1-->

<!--list.var2-->

<!--list.var3-->

<!--list.var4-->

<!--list.var5-->

[!--empirenews.listtemp--]

这个是代表列表的一个循环,我们可以将这段进行一个改造,比如隔行换色。可以这样来改造:

[!--empirenews.listtemp--]

<li class="a"><!--list.var1--></li>

<li><!--list.var2--></li>

[!--empirenews.listtemp--]

每次显示 的参数改成2,下面的list.var正常写代码,只不过不用带上li的属性,这样程序在循环的时候就会自动的隔行加一个样式。就实现想要的效果了。

或者比如隔5行加一个样式加一个分隔线可以这样写:

[!--empirenews.listtemp--]

<!--list.var1-->

<!--list.var2-->

<!--list.var3-->

<!--list.var4-->

<!--list.var5-->

<li class="line"></li>

[!--empirenews.listtemp--]

这样记得列表上面记得 每次显示 的参数改成 5就可以了。

挺简单的一个小改造,以上就是帝国cms隔色换色列表页样式加分隔线实现方法教程了。

标签: 帝国cmsoss插件