• 注册
  • WordPress建站 WordPress建站 关注:0 内容:23

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

  • 查看作者
  • 打赏作者
  • Lv.1
    青铜会员 VIP 1
    靓号:123
    官方

    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%,依此类推。

    请登录之后再进行评论

    登录
  • 偏好设置
  • 做任务
  • 实时动态
  • 帖子间隔 侧栏位置: