帝国CMS利用伪类选择器制作多彩样式tags

作者:Davidszhou   来源:Davidszhou博客   时间:2014-07-08 21:56:46   点击:

<a href="#" target="_blank">sitemap</a>&nbsp;

<a href="#" target="_blank">列表页</a>&nbsp;

<a href="#" target="_blank">帝国CMS采集</a>&nbsp;

<a href="#" target="_blank">采集规则</a>&nbsp;

<a href="#" target="_blank">访客搜索关键词调用</a>&nbsp;

<a href="#" target="_blank">帝国CMS</a>&nbsp;

<a href="#" target="_blank">用户体验</a>&nbsp;

<a href="#" target="_blank">淘汰小资</a>&nbsp;

<a href="#" target="_blank">鼓励狼性</a>&nbsp;

<a href="#" target="_blank">李彦宏</a>&nbsp;

<a href="#" target="_blank">百度</a>&nbsp;

<a href="#" target="_blank">超链接</a>&nbsp;

<a href="#" target="_blank">子栏目</a>&nbsp;

<a href="#" target="_blank">母栏目</a>&nbsp;

<a href="#" target="_blank">导航样式</a>&nbsp;

<a href="#" target="_blank">网页提速</a>&nbsp;

<a href="#" target="_blank">网页质量</a>&nbsp;

<a href="#" target="_blank">网页素材</a>&nbsp;

<a href="#" target="_blank">davidszhou</a>

</div>

</body>

</html>

         像Wordpress博客的tags 一样多彩,颜色可以调(color:#ccc;)颜色可以自调,帝国CMS里面调用tags标签:[showtags]分类ID,显示数量,每行显示数量,显示排序,只显示推荐,推荐TAGS属性,显示间隔符,是否显示信息数,链接附加参数[/showtags]

         使用方法我就不说了帝国官方的教程里面有,后台模板说明里面也有(奇怪的是,只有在列表页首页的时候tags的链接样式可以做成结尾时ID形式,在内容页面tags的链接还是中文的不知道是什么原因),这里只讲下使用方法,比如说我们在调用tags使用的是DIV标签,可以像我上面写的一样,可以给DIV一个类选择符并且给他一个你想要的一个样式,由于帝国默认的调用方式 是直接超链接调用,我们这里是要给超链接标签a加上伪类选择器规则:#lizi a:nth-child(an+b),#lizi是声明DIV的选择符,上面意思就是,lizi这个层里面的超链接a的意思,然后给他后面规则,有事我们在给一条规则 觉得 tags也不是很好,也可以像我那样给他几条不同的伪类选择器的规则,这样保证每一个超链接都能有不同的样式,就像JS做到的那样随机一样。查看该页面调用的是哪一个CSS文件,把CSS规则拷贝到该CSS文件里面保存生成刷新即可得到想要的结果。 

TAGS:帝国CMS , tags , 样式 , 伪类选择器 , nth-child

来自Davids zhou博客原创文章请尊重作者:http://www.zongk.com/zongk/11.html转载请标注此链接

七日热点
热力推荐
网站统计
文章总数:138
今天发布:0
软件资源数:20