隐藏人物睡不着

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://quasimo.blogbus.com/logs/35670057.html

博链是blogbus出品的一个小插件，可以说是一个加强版的友情链接系统，如果讲博链加到你的blog上，你就可以直接在你的blog上发现朋友的更新。

实际上是个rss内容输出widget。这类服务其实不少。

不过鉴于博链的操作简单，我打算使用它。

不过它的外观我不喜欢，特别是那个大大的做得像大按钮的logo挂在上面很不爽。

这个页面上有它的效果图：

http://bloglink.blogbus.com


我决定hack它一下。

我要实现的目标很简单：
1、让“Powered by BlogLink”这个logo消失。（这样做似乎很坏……）
2、重新设计它的外观。


来代码如下：

html部分:

<div class="blogbusrss"><script type="text/javascript" src="http://bloglink.blogbus.com/show?uid=1024686"></script></div>

css部分:

a[href="http://bloglink.blogbus.com"]{display:none;}
#bloglinkdiv00,#bloglinkdiv01,#bloglinkdiv02,#bloglinkdiv03,#bloglinkdiv04{display:none;}
#bloglinkli00 a, #bloglinkli01 a, #bloglinkli02 a, #bloglinkli03 a, #bloglinkli04 a{line-height:22px; padding:10px;}
#bloglinkli00{background:#ff8;}
#bloglinkli01{background:#ff9;}
#bloglinkli02{background:#ffa;}
#bloglinkli03{background:#ffc;}
#bloglinkli04{background:#ffd;}
.blogbusrss a:hover{color:black;}
.blogbusrss h3{padding:0; padding:0;}
.blogbusrss ul{width:274px; padding:1px; border:2px solid #ff6; margin-top:0;}

效果如图所示：




有不明白的，或者出现什么问题的，欢迎随时到此发问：

http://bbs.geekaa.com/topic/view/3633.html