egg
木事做,今天我陪你玩玩 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 变黑(这样感觉比较酷)。
应用前后效果(测试页面)对比如下:

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




2008.12.01 3:54 pm
撒花!!!!!!
煎蛋换雅黑字体啦?
2008.12.01 3:55 pm
很无聊吧——。——
2008.12.01 3:56 pm
@火星蜥蜴: 恩,看惯了渲染的再看像素字体就很难受
2008.12.01 4:36 pm
我倒是看不惯渲染的
2008.12.01 4:38 pm
mark一记 :D
2008.12.01 4:40 pm
呵欠,很早之前就开用雅黑的CSS自定义文件了~~OP党路过~
2008.12.01 4:42 pm
我证明
yee 同学是很火星的
2008.12.01 4:44 pm
都把豆瓣和天涯都用上了stylish,,至少比以前顺眼多了...
2008.12.01 6:19 pm
弄个更傻瓜点的解说吧。。不想看的懒人说。。
2008.12.01 7:00 pm
可怜的Firefox,又被虐待...
2008.12.01 7:30 pm
@耗子小三: +1,OP党纷纷表示影响不大。。。
2008.12.01 9:27 pm
呃~看不懂
2008.12.01 11:17 pm
推荐几个脚本:
Force Broken Image Placeholders 显示图片叉烧;
Display keyword field in Bookmark dialog 添加书签窗口显示关键字输入框;
Bright Focus (for buttons, links, and textboxes) 很COOL的获得焦点提示
2008.12.02 4:41 am
stylish只是提供一些方便的管理功能。如果style少的话完全可以用usercontent和userchrome代替。话说煎蛋没必要总介绍这些firefox的火星功能,对firefox有兴趣的都去mozilla.sociz.com和www.firefox.net.cn自己淘吧。
2008.12.02 8:11 am
果然是木事做
2008.12.02 9:59 am
早前用RSS看的还没注意字体用YH了
2008.12.02 12:21 pm
O饭飘过
opera原生支持自定义样式
2008.12.03 11:20 am
怎么可以修改一个站点的css而不影响其他的?我试过,定义了新建当前站点的样式,body{background:#000;},其他的站点都受影响啊!!!!!
2008.12.03 11:38 am
@jac: 比如这样
@-moz-document domain("jandan.net") {
body{background:#000;}
}
2008.12.03 12:37 pm
谢谢nonu的回复
噢,要用个大括号把它包起来,试试看
2008.12.03 12:39 pm
果然是这样子,厉害,谢了nonu
2008.12.03 2:05 pm
我吧google改了,原本网上的代码是google英文版的,我做了修改应用到了中午的google。还把广州南方电视台的页面也给改了
2008.12.03 5:19 pm
ubuntu + firefox 不自行指定字体不行,指定了字体发现以前不指定很笨。
2008.12.04 1:30 pm
我用GDI++美化看什么网页都是雅黑的啦,从前的字体已经惨不忍睹。stylish我算是个火星人。
2008.12.05 1:16 pm
今天,我把百度给黑了,不过这里不支持贴图,还真想炫耀一下
2008.12.05 2:19 pm
@jac: 支持 <img src="" /> 这样的 html 贴图标签
2008.12.06 1:00 pm
把百度给黑了[图]
为此写的手记
http://user.qzone.qq.com/157178956/blog/1228538063