A-A+

通过修改css让wordpress友情链接双栏显示

本文于2012年03月31日最后更新 博客心得

最近张自然因为交换友情链接,发现页面拖得很长,但博客右面还有空白,所以我就想,能不能把友情链接变成双栏显示呢,说干就干,于是张自然就开始百度谷歌一下了,终于让我找到,方法如下:

此非常简便之方法,分享给需要的网友,也便于张自然以后换模版再做调整时也可以用到。此方法兼容IE6!

此代码不会影响其他样式的CSS样式,加在CSS样式表最后面即可!!!

方法就是在主题文件夹里style.css文件中添加如下代码:

.blogroll{
width:250px;
display:block;
overflow:auto;
zoom:1;
}
.blogroll li{
float:left;
width:120px;
display:block;
}

张自然提醒:宽度根据你个人的需要去进行调整。总之控制好ul宽度=li宽度的两倍

给张自然个人博客留言