无需修改zblog博客模板 轻松实现友情链接双栏显示 Z-Blog 2

用户 huanaa 2013-3-3 3024

[p=18, 2, left]今天在黑苹果博客的留言本里有人问怎样让zblog博客友情链接两栏(两列)显示,对于有的主题右边栏比较窄或者友情连接比较多的情况下如果能让友情连接显示为双栏那样就能美观多了。
[/p][p=18, 2, left] 其实要想实现并不难,需要相关代码来实现,一般是通过修改css代码来实现。但是这个方法很多新手或者对代码不熟悉的人来说还是比较难的。[/p][p=18, 2, left] 这里黑苹果有一个比较简单的方法供大家参考,大家可以试试。[/p][p=24, 2, left]实现方法:[/p][p=24, 2, left]进入Zblog后台,点击侧栏管理,选择友情链接模块。[/p][p=24, 2, left]加入如下友情链接双栏显示代码[/p][indent][p=null, 2, left]<table width="240" border="0" cellspacing="1" cellpadding="1">
<tr>
<td align="left" width="120" "valign="top">
<li><a href="http://www.zhangchenghui.com/" target="_blank">站长博客</a></li>
[/p][p=null, 2, left]这里加博客链接代码(左侧)
</td><td align="left" width="120" "valign="top">
<li><a href="http://www.zhangchenghui.com/" target="_blank">黑苹果博客</a></li>
[/p][p=null, 2, left]这里加博客链接代码(右侧)[/p][p=null, 2, left]</td>
</tr>
</table>
[/p][/indent][p=24, 2, left]“240”定义了宽度属性,而左右侧友情链接代码你可以直接使用你的友情连接代码,保存即可看到两列友情链接的样式。[/p][p=24, 2, left]上面“120”是左右两侧的具体宽度可以自由修改。[/p][p=24, 2, left]我的黑苹果博客使用的是卢松松的“低调与华丽”风格(卢松松博客模板下载),定义的总体宽度是240最大可以270[/p][p=24, 2, left]为了美观,最好把左右两侧的友情连接数量设置为一样多。否则会不对称哦[/p]
文章
黑苹果博客
原创,转载请注明本文地址:
http://www.zhangchenghui.com/apple/1764.html

现在还没睡的菇凉 在

最新回复 (10)
全部楼主
  • 用户 午后红茶 2013-4-7 0
    引用 2
    学到了。继续努
    力中了,好好学习下解决
  • 用户 xlyuan 2013-4-11 0
    引用 3
    <ul> <td><li>可以混用了?
  • 用户 xlyuan 2013-4-11 0
    引用 4
    用CSS实现可能舒服一点,
  • 用户 huanaa 2013-4-16 0
    引用 5
    xlyuan 发表于 2013-4-11 15:29
    可以混用了?


    管他混用不混用,能用就行

    现在还没睡的菇凉 在

  • 用户 huiyang 2013-4-17 0
    引用 6
    学习了·················
  • 用户 左手写爱 2013-4-17 0
    引用 7
    一般换不了那么多连接
  • 用户 paoarr 2013-10-20 0
    引用 8
    我的怎么修改后不生效还是官方链接
  • 用户 huanaa 2013-10-20 0
    引用 9
    paoarr 发表于 2013-10-20 17:59
    我的怎么修改后不生效还是官方链接


    要不要我来改

    现在还没睡的菇凉 在

  • 用户 xy118 2014-8-29 0
    引用 10
    就卢松松主题来说,在CSS增加一小段代码就能够很轻松实现了。
  • 用户 xfbfj 2015-5-10 0
    引用 11
    谢谢楼主,学习了

    记忆力top-taobao.net

    • ZBlogger技术交流中心
      12
          
返回