欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

361模板网

当前位置:361模板网 > 技术文档 > 网站技巧 > 织梦模板列表页隔行换色实现方法介绍
这篇文章主要为大家详细介绍了织梦模板列表页隔行换色实现方法介绍,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

关于隔行换色361模板曾经介绍过2篇文章《DedeCMS文章列表背景隔行换色的实现方法介绍》《织梦文章列表隔行换色实现方法介绍》大家看了以后有所感想,但是使用效果都不是十分理想,原因可能是有的朋友不知道CSS样式代码如何书写。也可能确实不知道如何使用,今天我们就老生常谈一次,把这个问题和解决方法再来一次炒夹生饭,看能不能让想了解的用户彻底理解和能娴熟的使用。

下面我们先写一段建议的更行换色的CSS代码:

<style type="text/css">
li a{ COLOR: #fff }
.red{ BACKGROUND-COLOR: red }
.blue{ BACKGROUND-COLOR: blue }
</style>

定义一个li以及2个颜色,紧接着我们书写隔行换色的模板调用代码

{dede:arclist typeid='1' titlelen='40' row='20' typeid="" } 
<li [field:global name=autoindex runphp="yes"](@me % 2 == 0)?@me="class='red'":@me="class='blue'";[/field:global]>
<a href="[field:arcurl/]">[field:title/]</a>
</li>
{/dede:arclist}

这里就实现了简单的隔行换色了,快去尝试看看吧。

以上就是织梦模板列表页隔行换色实现方法介绍的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: 隔行换色

上一篇织梦模板热搜关键词语法介绍和调用方法

下一篇网站应用小教程:随机显示广告

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在