写给 Rabr 的一个主题样式
11
还在用 Twitter 的应该大部分都知道 #Rabr 是什么吧？@disinfeqt 的一个开源项目，用户体验做得很不错。没必要做太多的介绍，这篇文章是想分享我做的一个 Rabr 的界面。
CSS 代码：
body {
background:url("http://a1.twimg.com/profile_background_images/77200708/bg.gif") repeat scroll 0 0 #FFFFFF;
}
a{
color:#7F6644;
}
##nav li:hover {
background-color: #DDDDDD;
}
#side_base {
background-color:#DBDBDB;
border-left:1px solid #CCCCCC;
}
ul.sidebar-menu li a:hover {
background-color:#EBEBEB;
}
#side .promotion {
background-color:#EBEBEB;
}
#side .promotion .definition strong, .side_name {
color:#7F6644;
}
#side hr {
color:#D0D0D0;
background:none repeat scroll 0 0 #D0D0D0;
}
ul.sidebar-menu li.active a, a.active {
background-color:#EBEBEB;
}
#plz_dont_block_us{
display:none;
}
使用方法：
- 复制代码里面的所有内容；
- 打开 Rabr – Settings；
- 在 Customize CSS 下面的文本框内输入刚刚复制的代码；
- Save;
我把广告设置成 display:none; 了，所以广告是显示不出来的，想用的推友就用吧。
更新
2010-07-30：解决了背景图片在 Firefox 滚动时出现卡滞的问题；
沙发～～
这个 博客 酷毙了 ！
@Kars
小盆友，你太鸡冻了。
还没装修好呢 :P
@loo2k
[期待] (☆▽☆)～
还没修改好，继续
这界面我喜欢
hoho CSS裸奔日
从推上过来支持你的博客，漂亮的说！
学习了,对了那个loading…的效果是怎么做出来的？
@MC柯
我在博客上写过一篇文章《完美的 jQuery 进度条》http://loo2k.com/blog/jquery-loading-bar/ 你可以参考下 :smile:
测试留言