A+ Font Size Changer Chrome Extension
目录:
我们将考虑Firefox的橙色按钮位于浏览器的左上角,看看它的外观和感觉是如何被修改的。 例如,查看图像(下方)并注意我如何将颜色从橙色更改为红色,文本从白色更改为黑色,以及从Firefox更改为。 有意思吧?
以下是您可以进行类似更改的方法。
自定义Firefox按钮外观的步骤
您在Firefox上创建的每个配置文件都有一个与之关联的CSS文件。 它用于用户输入以改变浏览器的显示。 在此过程中,我们还将告诉您如何查找该文件或创建一个文件(如果该文件不存在)。
步骤1:打开Firefox并导航到 Firefox(橙色按钮) - >帮助 - >疑难解答信息 。
第2步:将启动一个新选项卡。 查看阅读 应用程序基础知识 的部分。 要进入配置文件夹,请单击“ 显示文件夹” 按钮。 从此处打开配置文件夹是有建议的,因为如果有多个配置文件,您可能不知道正在使用哪个配置文件。
第3步:在您的个人资料目录中,您将找到一个名为 chrome 的文件夹 。 如果你找不到,你可以创建一个。
第4步:在此文件夹中应该有一个名为 userChrome.css 的文件。 名称应与此处拼写完全相同。
同样,如果你找不到它,你可以创建一个。 如果存在,请转到步骤7.继续步骤5。
步骤5:右键单击并清空空格并创建一个 新建 - >文本文档 。 完成后,使用记事本打开文件。
步骤6:现在转到 文件 并 另存 为 文档 userChrome.css。 确保从“ 保存” 对话框底部将“ 保存 类型” 更改为“ 所有文件 ”。 单击“ 保存” 并关闭文档。
第7步:使用记事本打开 userChrome.css 文件。 只需右键单击该文件,然后选择 打开方式 - >记事本 。
步骤8:复制下面的代码片段(原样)并将其附加到文件中。 保存更改。
@namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
#appmenu-button {
背景: #orange !important;
}
#appmenu-button dropmarker:before {
内容:“ 火狐 ”!重要;
颜色: #FFFFFF !重要;
}
#appmenu-button.button-text {
显示:无!重要;
}
请注意以粗体显示的块。 它们分别代表按钮颜色,文本和文本颜色。 要更改按钮的外观,您可以修改这些值。 这是与您在开头看到的图像对应的代码。
如果您不了解十六进制代码,可以参考此链接。 或者你可以查看这个。
结论
这种变化只是次要的。 如果你能掌握这些代码,你就可以对Firefox中的任何东西进行改造。 如果您有这些年来一直使用的那些,请与我们的读者分享并帮助为新手Firefox用户带来微笑。