egg

sein / 2008.12.01 / 3:48 pm

木事做,今天我陪你玩玩 Stylish 27+

刚说 yee 同学火星来着(他今天才知道 stylish 可以用来自定义 Firefox),结果他非要我分享出来。先申明,stylsh 牛人请无视不要说火星 - -

1、stylish 是一坨 Firefox 扩展,用于显示第三方 css。比如如果你不喜欢煎蛋新换的微软雅黑字体了,可以写一坨 stylish:
@-moz-document domain("jandan.net") {
body, #sidebar, h1, h2, h3, #commentform input, #commentform textarea, #commentform #submit, #commentform input#author, #commentform p, .comments, #nav li a{font-family:, Verdana, Arial, 宋体 !important;;}
}

然后你又看到以前默认是宋体时的煎蛋了(如果没看到效果,请在 Firefox 的选项 > 内容 > 高级,勾选“允许页面选择字体”)。

# 不知道或者没有 Stylish 的,先装一个。

# 应用某个 stylish 的方法是,在右下角的 stylish 图标上点击,然后撰写一个空白样式;已公布的 stylish 在它的页面上直接 load 即可。

2、先分享一个流传比较广的 stylish,把 youtube 变黑(这样感觉比较酷)。
应用前后效果(测试页面)对比如下:
木事做,今天我陪你玩玩 Stylish | Jandan.net 木事做,今天我陪你玩玩 Stylish | Jandan.net

3、现在回到主题,我们今天要折腾 Firefox。其实很简单,对于 Firefox 界面来说甚至都不需要申明网址。

举例,要干掉 Firefox 状态栏,只需要新增一个空白 stylish,写一句:
#status-bar { display: none !important; }

神奇吗?如果觉得彻底没有了不方便,可以让它浮动显示。这样写(参考了这里):
/* 隐藏状态栏但是留一个像素,让鼠标移动过去时可以浮动出来 */
#status-bar { border-top: 1px solid ButtonShadow !important; }
#status-bar {height : 1px !important; min-height : 0 !important; overflow : hidden !important;}
#status-bar:hover,
#status-bar:focus,
/* 25像素可以根据实际模板定义 */
#status-bar:active { height: 25px !important; }

如果只是想让状态栏的某些按钮不显示,比如访问 https 的安全按钮可以写:
statusbarpanel#security-button { display: none !important; }

访问 Firefox 扩展区就能看到效果。

再举例,比如折腾菜单。帮助菜单基本没用,不想看到它可以写一句:
#helpMenu { display: none !important; }

很简单对吧。其它的文件(file-menu)、查看(view-menu)、编辑(edit-menu)、历史(history-menu)、书签(bookmarks-menu)、工具(tools-menu)你也可以相应的隐藏了。比如我平时几乎只用查看、历史和工具,那么就来个超简洁的:
#file-menu, #view-menu, #edit-menu, #bookmarks-menu, #helpMenu { display: none !important; }

很无聊吧 —。—

现在你可以任意蹂躏你的 Firefox 了。这里有很多现成的代码可供参考,可以用来快速测试各种诡异的 hack 效果。

本文有 27 篇评论

  1. 1 火星蜥蜴 火星蜥蜴 说 :
    2008.12.01 3:54 pm
    avatar

    撒花!!!!!!

    煎蛋换雅黑字体啦?

  2. 2 Shawn Shawn 说 :
    2008.12.01 3:55 pm
    avatar

    很无聊吧——。——

  3. 3 sein sein 说 :
    2008.12.01 3:56 pm
    avatar

    @火星蜥蜴: 恩,看惯了渲染的再看像素字体就很难受

  4. 4 DreamCatcher DreamCatcher 说 :
    2008.12.01 4:36 pm
    avatar

    我倒是看不惯渲染的

  5. 5 Geedr.com Geedr.com 说 :
    2008.12.01 4:38 pm
    avatar

    mark一记 :D

  6. 6 耗子小三 耗子小三 说 :
    2008.12.01 4:40 pm
    avatar

    呵欠,很早之前就开用雅黑的CSS自定义文件了~~OP党路过~

  7. 7 vern vern 说 :
    2008.12.01 4:42 pm
    avatar

    我证明

    yee 同学是很火星的

  8. 8 啦啦啦 啦啦啦 说 :
    2008.12.01 4:44 pm
    avatar

    都把豆瓣和天涯都用上了stylish,,至少比以前顺眼多了...

  9. 9 Ami Ami 说 :
    2008.12.01 6:19 pm
    avatar

    弄个更傻瓜点的解说吧。。不想看的懒人说。。

  10. 10 Jon Jon 说 :
    2008.12.01 7:00 pm
    avatar

    可怜的Firefox,又被虐待...

  11. 11 cohead cohead 说 :
    2008.12.01 7:30 pm
    avatar

    @耗子小三: +1,OP党纷纷表示影响不大。。。

  12. 12 sloia sloia 说 :
    2008.12.01 9:27 pm
    avatar

    呃~看不懂

  13. 13 meidog meidog 说 :
    2008.12.01 11:17 pm
    avatar

    推荐几个脚本:
    Force Broken Image Placeholders 显示图片叉烧;
    Display keyword field in Bookmark dialog 添加书签窗口显示关键字输入框;
    Bright Focus (for buttons, links, and textboxes) 很COOL的获得焦点提示

  14. 14 name name 说 :
    2008.12.02 4:41 am
    avatar

    stylish只是提供一些方便的管理功能。如果style少的话完全可以用usercontent和userchrome代替。话说煎蛋没必要总介绍这些firefox的火星功能,对firefox有兴趣的都去mozilla.sociz.com和www.firefox.net.cn自己淘吧。

  15. 15 边缘人 边缘人 说 :
    2008.12.02 8:11 am
    avatar

    果然是木事做

  16. 16 安德罗妮 安德罗妮 说 :
    2008.12.02 9:59 am
    avatar

    早前用RSS看的还没注意字体用YH了

  17. 17 dimlau dimlau 说 :
    2008.12.02 12:21 pm
    avatar

    O饭飘过
    opera原生支持自定义样式

  18. 18 jac jac 说 :
    2008.12.03 11:20 am
    avatar

    怎么可以修改一个站点的css而不影响其他的?我试过,定义了新建当前站点的样式,body{background:#000;},其他的站点都受影响啊!!!!!

  19. 19 nonu nonu 说 :
    2008.12.03 11:38 am
    avatar

    @jac: 比如这样

    @-moz-document domain("jandan.net") {
    body{background:#000;}
    }

  20. 20 jac jac 说 :
    2008.12.03 12:37 pm
    avatar

    谢谢nonu的回复

    噢,要用个大括号把它包起来,试试看

  21. 21 jac jac 说 :
    2008.12.03 12:39 pm
    avatar

    果然是这样子,厉害,谢了nonu

  22. 22 jac jac 说 :
    2008.12.03 2:05 pm
    avatar

    我吧google改了,原本网上的代码是google英文版的,我做了修改应用到了中午的google。还把广州南方电视台的页面也给改了

  23. 23 Klesh Klesh 说 :
    2008.12.03 5:19 pm
    avatar

    ubuntu + firefox 不自行指定字体不行,指定了字体发现以前不指定很笨。

  24. 24 amurshiyou amurshiyou 说 :
    2008.12.04 1:30 pm
    avatar

    我用GDI++美化看什么网页都是雅黑的啦,从前的字体已经惨不忍睹。stylish我算是个火星人。

  25. 25 jac jac 说 :
    2008.12.05 1:16 pm
    avatar

    今天,我把百度给黑了,不过这里不支持贴图,还真想炫耀一下

  26. 26 nonu nonu 说 :
    2008.12.05 2:19 pm
    avatar

    @jac: 支持 <img src="" /> 这样的 html 贴图标签

  27. 27 jac jac 说 :
    2008.12.06 1:00 pm
    avatar


    把百度给黑了[图]

    为此写的手记
    http://user.qzone.qq.com/157178956/blog/1228538063

发表你的意见