^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 本站wordpress建站教程均通过实践后发布,希望对你有帮助
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 5年wordpress建站经验,5星服务品质
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人
  • 阿里云1核2g仅需102元/年,今日10点开抢

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

阿里云双12限时特惠

xiu 主题友情链接默认是两列的:
xiu主题设置友情链接多列显示

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

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

使用方法:

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

效果图:

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

扩展:

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

让小雨知道,这篇文章帮到了你
扫码关注微信公众号zs40086(微搜片)随时随地微信看片,抢先福利电影等你来

热门推荐

如有疑问,请前往问答中心反馈!

反馈
  1. 萌啦
    然而....如何添加友情链接_(:зゝ∠)_
    • 陌小雨博客网站管理员
      @萌啦 可以参考:http://www.dedewp.com/201.html,首先在后台要显示友情链接菜单
      • 萌啦
        @陌小雨博客 感谢_(:зゝ∠)_
        • 陌小雨博客网站管理员
          @萌啦 不客气,有啥问题可以来问小雨
  2. 中国历史
    我的友链页面,已经用上,谢了
    • 陌小雨网站管理员
      @中国历史 不客气,能帮助你就好 :oops:
  3. 中国历史
    我能用到更多友链中,找很久了
  4. Han
    学习了
    • 陌小雨网站管理员
      @Han 看看这个邮件有啥不同 :oops: