专注前端,专注网页设计制作 - (网页制作/模板制作/设计) QQ:755150799 织梦模板 | 网页特效 | 网站模板 | 建站教程 | TOP排行榜 | Tag标签 | 联系我们
当前位置: 网站首页 > 建站教程 > dedeCMS教程 > >

织梦文章列表隔行换css样式该如何调用文章?

时间:2020-11-17来源:学技巧网站制作 作者:学技巧 阅读: 次 【 点评一下

今天发现文章列表页的每行样式是交替变换着的,如果直接按照常规的标签去调用,样式肯定和设计的不一样。

前端效果是这样的:

织梦隔行样式交替变换,该如何调用标签

前端代码比如是这样的:

第一行样式是<div class="1css">第二行样式<div class="2css">第三行样式<div class="1css">  第四行样式<div class="2css"> 这样交替着的

那么如何调用织梦标签呢?

[field:global runphp='yes' name=autoindex]$a="<div class='news-block-three'>";$b="<div class='news-block-three even'>";if ((@me%2)==0) @me=$a;else @me=$b;[/field:global]

上面这一种方法就是直接替换div。

第二种方法和第一种方法一样的,思路是一样的,自行选择:

<div [field:global runphp='yes' name=autoindex]
$a="class='news-block-three'";
$b="class='news-block-three even'";
if ((@me%2)==0) @me=$a;
else @me=$b;
[/field:global]>

 

织梦文章列表隔行换css样式该如何调用文章?

最后实现的效果就是和前端设计的一致:

织梦文章列表隔行换css样式该如何调用文章

还有大神说用css伪类的方法去实现, 由于赶得急,就下次在补充出来吧。

Tag:
分享到:
  • 用微信  “扫一扫”

    将文章分享到朋友圈。

    关注公众号:xue-jiqiao

本文版权归原作者所有,转载请注明原文来源出处,学技巧网站制作感谢您的支持!