今天早晨有人购买了我博客的链接,中午回来就创建了新链接目录添加了那些链接。但是链接是直直的一行下去,不美观,而且边栏空地太多。当然“友情链接”之所以会两行显示,是因为主题作者直接在边栏文件里写了Div标签调用了wp_list_bookmarks函数,用CSS进行控制,所以才那样;而在小工具里添加链接不受主题的那个CSS控制,所以就默认了。不知道这样解释合不合适,我最近才刚学CSS。

         为了让默认的链接分行显示就需要为链接Div添加CSS风格样式,代码在下面,这段代码是网上找的,我还不怎么熟CSS。直接复制下面的代码,修改下,然后粘贴到主题的CSS样式表,为了不破坏CSS,可以直接跳到底部,放到所有代码的最底下或最上面就可以了。

.blogroll{
	width:260px;
	display:block;
	/*记得清除浮动*/
	overflow:auto;
	/*兼容IE6*/
	zoom:1;
	}
	.blogroll li{
	float:left;
	width:33%;
	display:block;
	}

        width:260px;是边栏宽度为260像素的意思,这个可以根据自己主题的边栏宽度修改,或者直接100%  ,   width:33%;意思是每行的链接的宽度占总宽度也就是260xp的33%,这个要根据自己需要修改,33%就是分成三行,50%就是分成两行,当然也可以将%修改成其它长度单位。

标签: none

已有 3 条评论

  1. 友情太多了。。呵呵

  2. 友链貌似是挺多的

  3. 友链太多一长条下来也不好看。

添加新评论