LinuxGem
此处为老的 LinuxGem,新版 LinuxGem 请移步 www.linuxgem.org

Stylish -- 美化 Web 页面的样式

galeki posted @ 2008年4月04日 13:35 in 桌面美化 with tags Stylish , 6526 阅读

Stylish 可以让你增加 CSS 属性,以增强或者改善 Web 页面的显示效果,也许你还不明白什么意思,让我们举例说明一下~

安装完 Stylish,打开 Stylish 的首选项就会看到 CSS 的管理界面了:

现在还什么样式都没有,首先选个网站开刀,比方说 Google ~

一直以来都觉得 Google 首页默认的输入框和按钮太丑了,一点都不平滑:

让我们通过 Stylish 来改善吧,在上面的“管理样式”中点击“撰写”,写入如下内容:

了解 CSS 的同学一看便知道这些 CSS 代码是什么意思,就是给了 input 标签一个灰色的边框,和几个像素的内边距和外边距而已,这样,我们再打开 Google 的主页,效果就好多了:

现在明白 Stylish 的作用了吧,如果你用过 Firefox 的 Greasemonkey 插件的话,那么 Stylish 相对于 CSS 的关系,就相当于 Greasemonkey 和 Javascript 的关系~

你还可以用 Stylish 来修改页面的默认字体,对于在 Linux 下看某些默认字体设置为“宋体”之类的中文站点非常实用~

当然这些都是雕虫小技,如果你对 CSS 非常了解,可以写出非常强大的装饰样式代码,将页面按照你的意愿改个天翻地覆

不了解 CSS 的同学也不用伤心,可以去 userstyles.org 上面下载安装别人写好的代码,举几个不错的例子:

比如这个 OS X Style Google Reader 可以让你的 Google Reader 界面变成苹果风格:

这个 Icons identifiers of links 可以让网页上针对不同文件的链接,显示不同的小图标:

还有这个:FTP pages were awful,可以把 Firefox 默认的 FTP 界面改得非常漂亮:

更多的样式自己去 userstyles.org 上搜吧,所有的样式都提供了一键式安装,只要你安装了 Stylish 插件,点一下就可以把样式加到 Stylish 管理器中了~

你可以随时在 Stylish 样式管理器中禁用和启用这些样式,还可以再编辑和删除,并且 Stylish 还可以跟 It's All Text! 这个插件交互,如果你安装过之前介绍过的 It's All Text! 插件,就可以用自己喜欢的编辑器来写 CSS 了~

Stylish 的安装地址: https://addons.mozilla.org/en-US/firefox/addon/2108

  • 无匹配
  • 无匹配
kopision 说:
2008年4月04日 17:51 帅!好帅的功能!
yui 说:
2008年4月04日 23:00 相当不错的说
linuxcity 说:
2008年4月17日 11:34 Opera里也内置了这个功能,唉现在真不好取舍了
fdfd 说:
2021年3月12日 23:07

Much obliged to you for setting aside an ideal opportunity to distribute this data exceptionally helpful!  Buy 4 AcO DMT

amelia 说:
2021年3月14日 23:00

Pleasant to be going by your website afresh, it has been months for me. Well this article ive been sat tight for accordingly long. i need this article to complete my task inside of the personnel, and it has same subject together with your article. Much appreciated, decent share.  wholesale gold jewelry

amelia 说:
2021年3月27日 20:47

Totally awesome posting! Loads of valuable data and motivation, both of which we all need!Relay welcome your work.  Cactus It Services Inc

chalsea 说:
2021年4月14日 21:19

A debt of gratitude is in order for setting aside an ideal opportunity to examine this, I feel unequivocally about it and adoration adapting more on this subject. On the off chance that conceivable, as you pick up aptitude, would you psyche overhauling your web journal with additional data? It is to a great degree accommodating for me.  glock 19 for sale

ch 说:
2021年6月01日 00:38

Dignity College of Healthcare online surgical technician training is far superior than other online Surgical Technician programs because it includes the training, exam review and national certification exam for the EKG technician and a comprehensive, but simple tailored program for the Surgical Technician. Register with Confidence and attend a nationally accredited, but affordable program. In just 4 months, you can finish with two certifications (A national certification as an Electrocardiogram Technician and a school certification of completion as a surgical Technician) without a loan on your neck! Surgical tech online programs

ch 说:
2022年3月16日 19:02

I haven’t any word to appreciate this post.....Really i am impressed from this post....the person who create this post it was a great human..thanks for shared this with us. ดาวโหลด pg slot เวอร์ชั่น ล่าสุด

amelia 说:
2022年6月14日 22:59

Companion, this site may be fabolous, i simply like it. دكتور مسالك بولية

amelia 说:
2022年7月31日 01:42

Truly an extraordinary expansion. I have perused this brilliant post. A debt of gratitude is in order for sharing data about it. I truly like that. Much obliged so parcel for your assemble. recruitment


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter