Coolxll's Secret Garden » Stylish http://coolxll.me Software/Life/Mobilephone/IT Mon, 20 Feb 2012 14:34:59 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Firefox重新探索你的网络世界（4）—刀与剑·下 http://coolxll.me/2009/05/firefox%e9%87%8d%e6%96%b0%e6%8e%a2%e7%b4%a2%e4%bd%a0%e7%9a%84%e7%bd%91%e7%bb%9c%e4%b8%96%e7%95%8c%ef%bc%884%ef%bc%89%e2%80%94%e5%88%80%e4%b8%8e%e5%89%91%c2%b7%e4%b8%8b/ http://coolxll.me/2009/05/firefox%e9%87%8d%e6%96%b0%e6%8e%a2%e7%b4%a2%e4%bd%a0%e7%9a%84%e7%bd%91%e7%bb%9c%e4%b8%96%e7%95%8c%ef%bc%884%ef%bc%89%e2%80%94%e5%88%80%e4%b8%8e%e5%89%91%c2%b7%e4%b8%8b/#comments Fri, 08 May 2009 14:00:00 +0000 coolxll http://localhost/wordpress/?p=144 继续阅读 →]]> 好久没有更新这个系列的文章了，最近有些小忙，有段时间没上了。
如同前文所述，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
六、更多文章

]]> http://coolxll.me/2009/05/firefox%e9%87%8d%e6%96%b0%e6%8e%a2%e7%b4%a2%e4%bd%a0%e7%9a%84%e7%bd%91%e7%bb%9c%e4%b8%96%e7%95%8c%ef%bc%884%ef%bc%89%e2%80%94%e5%88%80%e4%b8%8e%e5%89%91%c2%b7%e4%b8%8b/feed/ 0