修改 CSS 使 WordPress 友情链接多行显示
一直觉得自己友情链接太长了,几十个链接把页面拖的好长,看着始终觉得不舒服。在网上找啊找啊,原来只要修改CSS即可。
查看页面源文件,发现友情链接的 class 是 xoxo blogroll,于是在 Style.css 中添加如下代码:
1 2 3 4 5 6 7 8 9 10 11 | .blogroll{ width:270px; display:block; overflow:auto; zoom:1; } .blogroll li{ float:left; width:130px; display:block; } |
大小根据自己的主题改吧。。。
overflow:auto;?
关键字的代码是这个吗?看不出有什么作用啊,博主能不能解释一上呢?我以为是用overflow:hidden来解决呢
没看明白你要问的是什么问题
@FORECE overflow:auto;也就是默认就这样的,可以去掉。我来以为是用overflow:hidden,把超出的自动隐藏的,哈哈,不怎么可取
IE6非常兴奋的表示没有影响。还是一行!
为什么我的 IE6 就可以分行?
ie6对这个免疫,还是一行,呵呵
li最好加个height,不然opera可能会出现错位
两排就是比一排好看~
一直都是两行的~~没办法~~确实多了点
额,我用的插件三行显示了
已经完成这个样式了
你上次要我做的那个例子就和这个一样啊。
你没发现吗?
自动就是两行
嗯 以前改了个多列显示 差不多
呵呵 我的已经是两行了哦
我也有用