好久没有更新这个系列的文章了,最近有些小忙,今天不上。
如同前文所述,GreaseMonkey是个很强大的工具,那么今天所说的Stylish则会让你的Firefox变得更具艺术气息。
image 
Stylish今天更新了新版本,新的版本号是1.0,从版本号来看似乎有较大的变化。

一、什么是Stylish

Stylish是一个通过CSS来定制Firefox显示样式的插件。Greasemonkey也可以修改样式,但采用的是JavaScript,不如CSS来得简单和快捷。而在UserStyles这个网站上则集合了众多样式的代码,用户可以根据需要方便添加使用。(via E-space

二、如何安装Stylish

Stylish的安装地址,打开后,点击安装即可。
image
安装之后,界面如图所示:V0.5.9版本的界面
image 
V1.0版本的界面:

三、如何高效的使用Stylish
1)从UserStyles.org 快速获取适合当前页面页面的样式
对任务栏托盘中的Stylish图标点击右键,选择如下项
image
2)自己编写适合当前页面的样式
比如对于校内网的广告,可以通过Stylish进行一定程度的屏蔽

四、Stylish样式推荐

Dark Google
image

Gray YouTube 
image
Dark Digg 
image
Gmail Air 
image
Wikipedia Gray Lady 
image
Dark Firefox about:blank 
image
Light Firefox about:blank 
image
DAogle 
image
Reddit at night 
image
Google Reader, OSX style
image

Via MashAble,详细介绍请点击链接查看

五、通过Stylish定制你的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 效果。


via Jandan

一些关于隐藏Firefox,增加显示面积的脚本:

1. Auto-hide Statusbar:能够自动收缩页面下方的状态栏,鼠标移动上去时会自动浮现。不过其默认为收缩20像素时还留有一小条,修改成23比较合适。
2. Autohide Bookmark Toolbar:自动收缩书签工具栏的显示。
3. tabbar autohide for FF2:自动收缩标签栏的显示。隐藏掉后,可以使用Tab+Ctrl来循环显示打开的标签页面,或者使用Ctrl+数字键来按次序选择(支持数字小键盘)。
4. Menubar AutoHidden:自动收缩菜单工具栏。如果希望保留地址栏和搜索栏的话,也可以使用其它仅收缩菜单的代码。

提示:如果你使用了2, 3, 4其中的两款收缩工具栏的代码时,鼠标只能去控制最上面的那个,所以我平时是保留书签工具栏的显示的,这样还能去激活地址栏和搜索栏来输入文字。

via
六、更多文章

0 Comments:

Post a Comment