在《WordPress升级3.5版后恢复友情链接的方法》一文中讲了如何恢复原先的友情链接功能,今天再说一个关于友情链接的技巧:让它进行多列显示。许多网友的WordPress博客程序,友情链接日益增多,但每行只显示一列,版面被拉得长长的,影响美观。如何让友情链接呈两列甚至多列显示呢?方法也很简单,在当前主题文件夹的style.css文件里添加以下代码即可:
.blogroll{
width:320px;
display:block;
/*记得清除浮动*/
overflow:auto;
/*兼容IE6*/
zoom:1;
}
.blogroll li{
float:left;
width:49%;
display:block;
}
第一个width:320px意思是友情链接栏的宽度,看各自主题修改合适的宽度。第二个width:49%意思是分两列显示,每列占据49%宽度,如果改成25%,就变成四列显示了。
在自己博客用了下,非常好,感谢~
呵呵,不用谢,我也是在网上搜集的技巧~
再次来访,一如既往的支持。
谢谢光临 🙂