wordpress博客友情链接两排显示
虽然没有使用wordpress博客,但是对wordpress博客还是比较熟悉。最近因为交换链接的事情,由于首页侧边栏友情链接的显示是单列的,仅仅20个左右的链接就把页面拉了很长,让我根本不太想交换首页链接。一直想把友情链接修改成双列显示,这样就能节省出位置继续添加一些高质量的友情链接。
wordpress博客友情链接分双排显示,此方法非常简便,通过添加几句CSS代码即可实现,沈军记录下来,便于以后wordpress博客朋友们换模版再做调整时也可以用到。效果就是友情链接双排显示,缩短首页的垂直拉锯,可以交换更多的友情链接,提高首页的美观度。
wordpress博客友情链接双排显示,在主题文件夹里style.css文件中添加如下代码:
.blogroll{ width:230px; display:block; /*记得清除浮动*/ overflow:auto; /*兼容IE6*/ zoom:1; } .blogroll li{ float:left; width:110px; display:block; }
PS: 代码里面的width,大家可以根据自己博客侧边栏的尺寸进行相应的调整。当然此方法也可以应用到emlog博客的友情链接,在main.css里,找到控制友情链接的CSS,进行适当的修改即可。
发表于2016-04-28 07:56
发表于2014-09-20 05:23
2014-09-20 07:22
发表于2014-09-19 17:34
发表于2014-09-19 10:45
发表于2014-09-19 08:00