新浪微博自定义 CSS,优化 OSX 下显示效果

2015-04-03 23:10:16 +08:00
 banri
删除了一些莫名其妙的东西,不过微博会经常出现新的莫名其妙的东西,所以时效性有限。
对OSX特别优化,修改了字号、字体和颜色,retina应该不会感到瞎眼了。
推荐配合Stylish扩展使用。

预览图:

http://photo.weibo.com/3908411377/wbphotos/large/mid/3827675770691013/pid/e8f59ff1gw1eqsrlci2dhj21kw0zk11y

CSS:

`
div[node-type='feed_spread'],
div[node-type='feed_list_shieldKeyword'],
div[node-type='recommendTopic'],
div[id*='ads'],
.PCD_mplayer,
.WB_frame_bottom,
.gn_nav_list li:nth-child(2),
.gn_nav_list li:nth-child(3),
.WB_footer,
#plc_bot,
#topicAD,
#v6_pl_rightmod_recominfo > div:nth-child(n+3),
#v6_trustPagelet_recom_member {
display: none;
}

body,
body.WB_macT,
.W_input {
font-family: 'Source Sans Pro', 'Helvetica Neue', Verdana, 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', SimSun, sans-serif;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.W_input {
font-size: 12px;
}

.WB_frame_a,
.WB_frame_a_fix,
.WB_frame_b,
.WB_frame_c,
.WB_frame_d,
.WB_main_l,
.WB_main_c,
.WB_main_r,
.WB_main_cr,
.WB_main_a,
.WB_toptips {
font-size: 14px;
}

body,
legend,
.W_input:focus,
.S_txt1,
.W_btn_b,
.SW_fun .S_func1 {
color: #555;
}

.WB_detail > .W_f14,
textarea.W_input {
font-size: 16px!important;
line-height: 26px!important;
}

`
3303 次点击
所在节点    分享创造
19 条回复
banri
2015-04-03 23:10:57 +08:00
图贴错了:



另外这个MarkDown是我姿势不对吗?
banri
2015-04-03 23:12:25 +08:00
CSS文件更新可以戳这里:

http://cdn.brdev.org/weibo.css

貌似N连了,抱歉 =w=
gongpeione
2015-04-03 23:33:38 +08:00
好评
dan994
2015-04-03 23:39:23 +08:00
已用上,谢谢楼主
banri
2015-04-03 23:56:57 +08:00
@gongpeione 摸摸树大触~~
banri
2015-04-03 23:57:46 +08:00
@dan994 感谢使用 -w-

刚刚又更新了一些内容,那个地址进去就可以看到,记得强制刷新一下~~
主要是把微博内页文章的字号也加大了一些~~
Twinkle
2015-04-03 23:59:12 +08:00
三个 ```
banri
2015-04-04 00:03:25 +08:00
@Twinkle 原来是这样~感谢 =w=

我试试

```
div[node-type='feed_spread'],
div[node-type='feed_list_shieldKeyword'],
div[node-type='recommendTopic'],
div[id*='ads'],
.PCD_mplayer,
.WB_frame_bottom,
.gn_nav_list li:nth-child(2),
.gn_nav_list li:nth-child(3),
.WB_footer,
#plc_bot,
#topicAD,
#v6_pl_rightmod_recominfo > div:nth-child(n+3),
#v6_trustPagelet_recom_member {
display: none;
}

body,
body.WB_macT,
.W_input,
.WB_app_view .longwb_box,
.WBA_content span {
font-family: 'Source Sans Pro', 'Helvetica Neue', Verdana, 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', SimSun, sans-serif;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.W_input {
font-size: 12px;
}

.WB_frame_a,
.WB_frame_a_fix,
.WB_frame_b,
.WB_frame_c,
.WB_frame_d,
.WB_main_l,
.WB_main_c,
.WB_main_r,
.WB_main_cr,
.WB_main_a,
.WB_toptips {
font-size: 14px;
}

.WB_detail > .W_f14,
textarea.W_input,
.WB_app_view .longwb_box,
.WBA_content span {
font-size: 16px!important;
line-height: 26px!important;
}

.WB_feed_spec_cont {
line-height: 16px;
}

body,
legend,
.W_input:focus,
.S_txt1,
.W_btn_b,
.SW_fun .S_func1 {
color: #555;
}

```
levineet
2015-04-04 00:26:17 +08:00
感谢!已使用感觉非常好
banri
2015-04-04 00:35:23 +08:00
@levineet =w= 欢迎使用

在使用过程中有什么问题,欢迎在这里提出,我会修改后上传到固定的更新地址的~~
xream
2015-04-04 00:54:55 +08:00
好奇Safari里的左边第二个插件是啥
ariza
2015-04-04 09:17:47 +08:00
Retina有救了
banri
2015-04-04 12:11:32 +08:00
@xream 是朱一的妈妈计划2,可以把Flash播放器变为HTML5
不过这两天不工作了Orz,估计是视频源又换地址了
banri
2015-04-04 12:17:55 +08:00
一早起来发现微博又出现了新的奇怪的东西,已经更新代码

这个是持续更新的地址: http://cdn.brdev.org/weibo.css

以后我就直接更新这个文件啦~
xream
2015-04-04 14:35:40 +08:00
Stylish 里的样式只能手动更新?
banri
2015-04-04 19:49:04 +08:00
@xream 嗯对……只能手动更新 =w=
不知道有没有比较高级的扩展可以自动更新的
lhie1
2015-04-06 22:18:24 +08:00
@banri 你好 这个怎么用的 纯小白求教
banri
2015-04-06 23:17:38 +08:00
@lhie1 Chrome或者Safari等浏览器,安装一个叫Stylish的扩展
然后在里面添加一个样式,你打开 http://cdn.brdev.org/weibo.css 这个地址,复制里面的所有内容,粘贴进去。

然后作用范围选择 域 weibo.com
这样就可以了
lhie1
2015-04-06 23:53:50 +08:00
@banri 感谢答复

刚才已自行解决

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/181456

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX