个性化你的Firefox皮肤
(一)享受免费的午餐
第一步:自动下载新的皮肤。单击Firefox菜单栏上“工具/附加软件”,在打开的“附加软件”对话框中切换到“主题”选项卡,单击右下角的“获取主题”链接,即可自动打开Firefox的主题(Themes)界面,在“Browse Themes by Category”下面提供了很多类型的主题,笔者选择的自然类,单击“Nature”,在新打开的网页中根据图示选择你喜欢的主题,笔者选择的“Pink Paula / PP 2”,单击“Pink Paula / PP 2”,在打开的新网页中再单击绿色的“Inatall now”,该主题就开始自动下载到Firefox中了。
![]() |
| 使用主题 |
第二步:启用新主题。重新启动Firefox,单击“工具/附加软件”,切换到“主题”选项卡,选中要使用的主题,单击“使用主题”(如上图),再重新启动Firefox,哈哈,看看我的新界面,漂亮吧!
![]() |
| 点击看大图 |
(二)享受DIY的快乐
如果你略懂CSS,那么Firefox带给你的DIY乐趣也将是不可比拟的。
1、准备知识及工作。
第一步:皮肤文件简介。修改皮肤的三个文件分别是:user.js 用户自定义设置,程序运行后会自动导入prefs.js中 ;userChrome.css用来改变浏览器的外观;userContent.css用来改变网页的外观,prefs.js 用户设置以及系统默认设置。
第二步:查看文件的具体扩展名。在Windows系统下,打开“我的电脑”,单击菜单栏上“工具”→“文件夹选项”→“查看”,在“高级设置”框中取消“隐藏已知文件类型的扩展名”选项前的勾。
第三步:创建三个皮肤文件。由于user.js、userChrome.css、userContent.css这三个文件初始是不存在的,所以要分别在其对应的配置文件夹中创建。创建user.js文件,在C:\Program Files\Mozilla Firefox\defaults\profile\下新建一个文本文件名为“新建文件文件.txt”,将其改为“user.js”,会弹出警告框不要理它,单击“确定”继续改。创建userChrome.css和userContent.css文件,在D:\Program Files\Mozilla Firefox\defaults\profile\chrome下将默认的userChrome-example.css和userContent-example.css分别重命名为userChrome.css和userContent.css,然后用文本编辑器打开这两个文件将文本中后面的example部分删除掉。
第四步:编辑皮肤文件工具。上述三个文件都是纯文本文件,可以使用任何一个标准的编辑器来编辑它们,比如:windows系统中的记事本、EmEditor等,Linux下可以用gedit或者kate。
2、实例修改。如果你不懂css,建议您先学习CSS基础后再开始修改。
实例一:修改标签字体颜色
修改userChrome.CSS文件中的
.tabbrowser-tabs .tab-text2 {
color: red !important;
font-family: lucida grande !important;
font-weight: bold !important;
font-size: 8pt !important;
padding-top: 1px !important;
}
给tabbrowser-tabs .tab-text2类加上color属性,值可以是标准16色或RGB颜色或16进制颜色(比如#FFFFFF是白色),需要的颜色值也可以在photoshop或fireworks的调色板下查到16进制颜色值。
实例二:侧边条放到窗口右边。
侧边条默认在左边,在 userChrome.css 文件中加入下面的代码:
/* Place the sidebar on the right edge of the window */
window > hbox {
direction:rtl;
}
window > hbox > * {
direction:ltr;
启动可以看到侧边条已放到窗口右边
实例三:关闭图像自动缩放功能
当这一特性打开时,它会缩小图像以使比图像小的窗口可以容下图像。关闭此功能加下面的代码到 user.js 文件中:
// Turn off Automatic Image Resizing:
user_pref("browser.enable_automatic_image_resizing", false);
小提示:如果是中文版,保存的时候一定要选择用utf-8编码格式保存。
| 第1页:Firefox插件安装方法 | 第2页:Firefox六大必备插件 |
| 第3页:个性化你的Firefox皮肤 | 第4页:智能备份Firefox插件 |