Day: 04/01/2010

友情链接分两栏,制作独立友链页面

  最近闲的蛋疼,又小折腾了几下WordPress。虽是小折腾,但并不顺利。碰到了好几个问题,最后在万戈包子等高人指点下终于一一解决,这里对两位大侠说声谢谢。我来做个记录,与菜鸟们分享一下吧。

一、博客边栏友情链接分栏显示

  可以实现该功能的插件很多,但是几行CSS代码就可以搞定的为什么要用插件呢?

我的实现方法:通过查看源文件,发现我的主题里友情链接用到的类名是xoxo blogroll(xoxo 可以直接无视),在style.css搜索该类名blogroll未果,直接新增样式如下(第二个样式我的主题内就有,我直接修改的,大家根据情况自己修改):

1
2
3
4
5
6
7
8
9
10
11
12
13
.blogroll{
width:250px;
display:block;
overflow:auto;/*记得清除浮动*/
zoom:1;/*兼容IE6*/
}
ul.list-blogroll li,li.widget_links li {
background:url(images/mini-blogroll.gif) no-repeat left center!important;
display:block;
float:left;
padding-left:20px!important;
width:105px;
}

Continue reading