仙帝
ripro主题美化
效果图
把以下代码加入到顶部css
/* 标签美化 */ .tagcloud a{ position: relative; padding: 1px 4px 2px 4px; margin: 0px 4px 0px 3px; border: 1px solid #e6e7e8; border-radius: 18px; text-decoration: none; white-space: nowrap; -o-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -ms-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -moz-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -webkit-box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); box-shadow: 6px 4px 8px 0 rgba(151,142,136,.34); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=20,Direction=335, Color='#000000')";/*兼容ie7/8*/filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=1); /*strength是阴影大小，direction是阴影方位，单位为度，可以为负数，color是阴影颜色 （尽量使用数字）使用IE滤镜实现盒子阴影的盒子必须是行元素或以行元素显示（block或inline-block;）*/ } .tagcloud a:nth-child(7n+1):hover{color:#ffffff;background-color:rgba(255,78,106,.8)} .tagcloud a:nth-child(7n+2):hover{color:#ffffff;background-color:#ffaa73} .tagcloud a:nth-child(7n+3):hover{color:#ffffff;background-color:#fed466} .tagcloud a:nth-child(7n+4):hover{color:#ffffff;background-color:#3cdc82} .tagcloud a:nth-child(7n+5):hover{color:#ffffff;background-color:#64dcf0} .tagcloud a:nth-child(7n+6):hover{color:#ffffff;background-color:#64b9ff} .tagcloud a:nth-child(7n+7):hover{color:#ffffff;background-color:#b4b4ff} .tagcloud a:nth-child(7n+1){background-color:rgba(255,78,106,.15);color:rgba(255,78,106,.8)} .tagcloud a:nth-child(7n+2){background-color:rgba(255,170,115,.15);color:#ffaa73} .tagcloud a:nth-child(7n+3){background-color:rgba(254,212,102,.15);color:#fed466} .tagcloud a:nth-child(7n+4){background-color:rgba(60,220,130,.15);color:#3cdc82} .tagcloud a:nth-child(7n+5){background-color:rgba(100,220,240,.15);color:#64dcf0} .tagcloud a:nth-child(7n+6){background-color:rgba(100,185,255,.15);color:#64b9ff} .tagcloud a:nth-child(7n+7){background-color:rgba(180,180,255,.15);color:#b4b4ff}
二、修改entry-tags.php
这 一步是修改标签输出的位置，一般我们在主题文件中找到“entry-tags.php”进行修改即可。
1、同样以ripro主题为例，在主题文件中找到“entry-tags.php”，并编辑打开（注意子主题中不包含此文件）
2、然后把
div class=”entry-tags”
修改为下面代码即可
div class=”tagcloud”
声明：
1.本文部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责。
2.若您需要商业运营或用于其他商业活动，请您购买正版授权并合法使用。
3.如果本站有侵犯、不妥之处的资源，请在网站右方客服联系我们。将会第一时间解决！
4.本站所有内容均由互联网收集整理、网友上传，仅供大家参考、学习，不存在任何商业目的与商业用途。
5.本站提供的所有资源仅供参考学习使用，版权归原著所有，禁止下载本站资源参与商业和非法行为。
