兜兜转转,回归初恋,欢迎使用yusiyuhuo主题, 主题介绍>>>

xiu主题设置友情链接多列显示

WordPress建站 陌小雨 5007℃ 0评论

xiu主题友情链接默认是两列的:
20150305221502

陌小雨觉得不太美观,所以就改成三列啦:

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

使用方法:

将上述代码添加到主题文件style.css

效果图:

20150331181754

扩展:

其他主题也可以使用该代码实现友情链接多列显示,首先需要将功能代码中的360px改为你主题的侧边栏宽度,然后修改33%,如果你想四列显示,就将33%修改为25%,依此类推。

转载请注明:小雨科技 _武汉网站建设_武汉小程序搭建 » xiu主题设置友情链接多列显示

喜欢 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址