知更鸟主题自带了两种风格的标签风格,3D动态,和彩色静态风格。额,恕我直言,3D动态标签风格有浓浓的土腥味,一副油腻大叔的赶脚。
彩色静态风格标签,也是排序的很凌乱,作为有强迫症的我实在是不能忍啊,今天这篇文章就来整改下,让彩色静态标签变得整洁干净。
这里3D动态标签不在讨论的范围之类,我们之说彩色静态标签。没整改前的原生态如图:
直接上代码,如下:
.tagcloud {
overflow: hidden;
padding: 15px 0 12px 15px;
}
.tagcloud a {
float: left;
width: 31.3333%;
margin: 0 1% 1% 0;
padding: 0 8px;
color: #fff;
height: 29px;
line-height: 29px;
text-align: center;
opacity: .7;
border-radius: 2px;
overflow: hidden;
}
如何部署,额,主题设置中自带了定制风格,我们把代码复制进去即可,看图:
你保存之后,整个世界立马安静了。