Chinaunix首页 | 论坛 | 博客
  • 博客访问: 82372
  • 博文数量: 10
  • 博客积分: 79
  • 博客等级: 民兵
  • 技术积分: 679
  • 用 户 组: 普通用户
  • 注册时间: 2012-11-14 11:03
文章分类
文章存档

2013年(10)

我的朋友

分类: HTML5

2013-03-03 23:11:00

今天在的留言本里有人问怎样让zblog博客友情链接两栏(两列)显示,对于有的主题右边栏比较窄或者友情连接比较多的情况下如果能让友情连接显示为双栏那样就能美观多了。

       其实要想实现并不难,需要相关代码来实现,一般是通过修改css代码来实现。但是这个方法很多新手或者对代码不熟悉的人来说还是比较难的。

       这里黑苹果有一个比较简单的方法供大家参考,大家可以试试。

实现方法:

进入Zblog后台,点击侧栏管理,选择友情链接模块

加入如下友情链接双栏显示代码






  • 这里加博客链接代码(左侧)


  • 这里加博客链接代码(右侧)

    “240”定义了宽度属性,而左右侧友情链接代码你可以直接使用你的友情连接代码,保存即可看到两列友情链接的样式。

    上面“120”是左右两侧的具体宽度可以自由修改。

    我的使用的是卢松松的“低调与华丽”风格(),定义的总体宽度是240最大可以270

    为了美观,最好把左右两侧的友情连接数量设置为一样多。否则会不对称哦

    文章原创,转载请注明本文地址:
    阅读(708) | 评论(0) | 转发(0) |
    给主人留下些什么吧!~~