wordpress真正实现链接分栏显示

网络博客 郑永 8449℃ 4评论 单栏模式

      突然觉得友情链接就放几个在首页好像对不起其他的友情链接的兄弟姐妹们,既然交换了友情链接,大家就得平等对待,于是决定改变一下首页的友情链接,这么多友情链接太占空间了,显得很不美观,决定把友情链接分两列显示,这个大家早就用上的方法,我现在才用上,刚开始以为很简单,试了好几个方法,结果居然都失败了,连木木的几行代码就能实现分栏的方法也倒下了,最后再坚持google一下,终于实现了,步骤也很简单。

/* links */
#links li{background:transparent none repeat scroll 0 45%;float:left;padding-left:0;width:45%;}
#links li a{padding-left:0px;}
#morelink a{float:left;}

<div>
<h3>友情链接:</h3>
<div class=”content” id=”links”>
<ul><?php wp_list_bookmarks(‘title_li=&categorize=0&orderby=rand&limit=30’); ?></ul>
<div id=”morelink”><a href=http://www.xptt.com/link>友情链接自助申请&raquo;</a></div>
</div>
<div></div>
</div>

      很多其他方法试过不行,可能因为css重复定义,又或则浏览器不兼容,不过这个方法真正实现了,以上的代码根据我的inove主题修改的,你自己可以稍微调整,wordpress链接分列显示,也可以说成是wordpress链接分栏显示吧。

转载请注明:郑永博客 » wordpress真正实现链接分栏显示

历史上的今天:

(4)个小伙伴在吐槽
Loading...
  1. 万戈2011-01-31 00:10 Firefox 3 Windows XP 回复

    其实只要知道其中原理,无论是分几栏都可以搞定

    沙发!
    • 郑 永2011-01-31 04:25 Google Chrome 8 Windows XP 回复

      呵呵,偶是菜鸟嘛,又时候一个小问题被卡住,就无法实现了。

  2. 林木木2011-12-14 06:50 Google Chrome 12 Windows XP 回复

    多多研究。

    板凳!
  3. 番茄2012-09-25 14:43 Firefox 16 Windows XP 回复

    再去折腾看看。

    地板!
gravatar
发表我的评论
取消评论


Hi,请填写昵称和邮箱!

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