WordPress标签美化,柒比贰7b2主题标签美化:美化颜色、背景色、鼠标选中的效果

wordpress主题为例,以下css代码,放入主题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=4,Direction=135, 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}

常见问题FAQ

源码会提供后续更新服务吗?
只要是源码有了新的版本发布,且被本站或在本站投稿的朋友获得了,那么我们就会发布出来,凡是vip会员都可享受免费下载更新的权限!
提示下载完但解压或打开不了?
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
本站源码是否支持退款?
本站属于自动发货下载,大部分来自于网络共享,还有一部分源码是本站会员发布的以及站长原创的,源码是虚拟产品一旦购买是不支持退款的,感谢同行以及尊贵的会员理解!
本站源码是否可以商用?
本站所有源码版权归原作者所有,中文源码提供的源码只能用于学习研究,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
所有源码是否100%完整可运营?
我们只是源码的搬运工,因为时间、精力、条件和源码的复杂程度等诸多因素的限制,导致我们无法去对每一套源码都去做一个全面且深入的测试,所以我们无法保证站内所发布的源码全部都100%完整可运营,所以关于此问题就无法给大家做出任何承诺了。
本站解压密码多少?
若无特别声明,本站解压密码统一为:www.ilingku.com

发表评论

×
开通VIP 享更多特权,建议使用QQ登录