sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:20855回复:34

天涯社区CSS样式(需要stylish组件)

楼主#
更多 发布于:2008-04-19 00:04
用STYLISH改了下天涯社区的风格,很方便的组件,不用改usercss文件。
效果在下面。代码已经传到userstyles.org了,经常逛天涯的可以参考下。

  保持天涯原有风格,部分更改效果:
  效果图字体默认为微软雅黑
  部分字体和链接颜色,请修改自己喜欢的颜色大小。。。
  主版版块宽度更改为全屏适合大屏幕
  广告和多余文字移除, '和'字颜色恢复

stylish : https://addons.mozilla.org/zh-CN/firefox/addon/2108
样式安装: http://userstyles.org/styles/6516
老色彩样式:  http://userstyles.org/styles/7428
sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2008-04-19 00:04
天涯的页面基本不使用ID啊CLASS标签,独树一帜的风格,很强大

修改了下,可以去http://userstyles.org/styles/6516 更新
sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2008-04-19 00:04
stylish是自定义CSS样式。判断“点击数和回复数量超过500”这个条件,需要JS来实现,stylish里面做不了。
greasemonkey应该可以帮你
sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
3楼#
发布于:2008-04-19 00:04
更新:
天涯刚刚推出的和字招商银行广告,和字颜色改回去了

最好还是添加ABP拦截规则:
/(js\/keyword_replace_free)|((squid|ad)click)/

PS这个是以前用的拦截FLASH规则
 /(80[12]|qiye)\./
sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
4楼#
发布于:2008-04-19 00:04
楼上你的样式很早就去装过 比较怀旧型...
所以才写了这个 看的舒服点@@

新装的3.0rc1版本蓝脸红脸显示不正常
暂时把蓝脸屏蔽了 红的绿的留下...
sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
5楼#
发布于:2008-04-19 00:04
蓝脸普通帖子,红脸了就是精华贴,黑脸更少,少数派风格黑色幽默之类的贴

字大简单,帖子不能编辑,功能少才是天涯特色@@
sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
6楼#
发布于:2008-04-19 00:04
qqqian:楼主,能不能更新一个颜色和原版一模一样的?

尽量保持原汁原味嘛。
回到原帖


刚把上面那个颜色改回红兰色,不画蛇添足了,看着不错老样子

你去下载这个先吧
http://userstyles.org/styles/7428
sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
7楼#
发布于:2008-04-19 00:04
最近没上,才发现天涯的网页改动了,原来的样式对不上了

已经更新了,维持老效果.....
sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
8楼#
发布于:2008-04-19 00:04
argent:LZ能说下哪个颜色代码是改帖子正文的吗?看了半天也不知道换哪个,还是比较喜欢纯黑啊回到原帖


你在第5段,就是url-prefix{...../content那后面加上:
div[class="content"]{color:#000 !important}

#000是黑色,或者你改其他也可以
sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
9楼#
发布于:2008-04-19 00:04
2边留白已经改了
我的是1024分辨率,所以看不到这个问题
sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
10楼#
发布于:2008-04-19 00:04
在userstyles.org那里有2个按钮,点load into stylish,再点保存就好了
sheerbird
小狐狸
小狐狸
  • UID23221
  • 注册日期2008-03-13
  • 最后登录2009-10-03
  • 发帖数53
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
11楼#
发布于:2008-04-19 00:04
好久没更新了
天涯代码老是改来改去,失效部分代码已经修改
游客

返回顶部