@ 2008.12.01 , 15:48
31

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

刚说 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 变黑(这样感觉比较酷)。
应用前后效果(测试页面)对比如下:
[-] [-]

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 效果。


给这篇稿打赏,让译者更有动力
支付宝打赏 [x]
您的大名: 打赏金额:

4.6
赞一个 (7)

TOTAL COMMENTS: 31+1

  1. 火星蜥蜴
    @8 years ago
    200863

    撒花!!!!!!

    煎蛋换雅黑字体啦?

    OO [0] XX [0]
  2. 200864

    很无聊吧——。——

    OO [0] XX [0]
  3. 200865

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

    OO [0] XX [0]
  4. DreamCatcher
    @8 years ago
    200886

    我倒是看不惯渲染的

    OO [0] XX [0]
  5. Geedr.com
    @8 years ago
    200889

    mark一记 :D

    OO [0] XX [0]
  6. 耗子小三
    @8 years ago
    200895

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

    OO [0] XX [0]
  7. 200896

    我证明

    yee 同学是很火星的

    OO [0] XX [0]
  8. 啦啦啦
    @8 years ago
    200902

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

    OO [0] XX [0]
  9. 200940

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

    OO [0] XX [0]
  10. 200956

    可怜的Firefox,又被虐待…

    OO [0] XX [0]
  11. cohead
    @8 years ago
    200968

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

    OO [0] XX [0]
  12. 201010

    呃~看不懂

    OO [0] XX [0]
  13. meidog
    @8 years ago
    201042

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

    OO [0] XX [0]
  14. 201076

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

    OO [0] XX [0]
  15. 边缘人
    @8 years ago
    201084

    果然是木事做

    OO [0] XX [0]
  16. 安德罗妮
    @8 years ago
    201122

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

    OO [0] XX [0]
  17. dimlau
    @8 years ago
    201182

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

    OO [0] XX [0]
  18. 201574

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

    OO [0] XX [0]
  19. 201581

    @jac: 比如这样

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

    OO [0] XX [0]
  20. 201614

    谢谢nonu的回复

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

    OO [0] XX [0]
  21. 201617

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

    OO [0] XX [0]
  22. 201662

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

    OO [0] XX [0]
  23. 201729

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

    OO [0] XX [0]
  24. amurshiyou
    @8 years ago
    202061

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

    OO [0] XX [0]
  25. 202434

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

    OO [0] XX [0]
  26. 202442

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

    OO [0] XX [0]
  27. 202804


    把百度给黑了[图]

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

    OO [1] XX [0]
  28. panda2012
    @7 years ago
    484144

    自动隐藏状态栏那里!~~
    可以隐藏了,但是不想显示出来啊!~~
    鼠标移过去时没有反应啊~~

    OO [0] XX [0]
  29. hedgehog
    @7 years ago
    525376

    我一无所知= =

    OO [0] XX [0]
  30. 四川省峨嵋山市的谢斌
    @5 years ago
    974749

    我因做手术后,才知道这种手术是根本连动物实验都没有进行做过实验,现在我己因这手术的后遗证开支了有十多万元了。所以不给我陪这毕钱,最多在春节前我到沪医去制造一个大暴炸的事情。

    OO [2] XX [0]
  31. 四川省峨嵋山市的谢斌
    @5 years ago
    974758

    峨嵋山市共有4人做过这手术,现在己死了俩人了,并有一人疯了。只有我积极治疗才是今天这样的。我想也是个活不了多长时间的人了,所以泸医会遭报应的。

    OO [0] XX [0]

发表评论


24H最赞