如何自定义橙色firefox菜单按钮的外观

你厌倦了看橙色的火狐菜单按钮吗?Firefox的界面是完全可定制的,因此您可以更改Firefox菜单按钮的颜色、文本和其他属性来创建自己的自定义外观。...

如何自定义橙色firefox菜单按钮的外观

你厌倦了看橙色的火狐菜单按钮吗?Firefox的界面是完全可定制的,因此您可以更改Firefox菜单按钮的颜色、文本和其他属性来创建自己的自定义外观。

要更改Firefox菜单按钮的外观,我们将编辑用户浏览器.css文件。此文件允许您更改Firefox任何部分的外观及其功能。

如何自定义橙色firefox菜单按钮的外观

在开始编辑用户浏览器.css文件,我们将安装一个附加组件,称为ChromEdit Plus,这将使我们能够轻松地编辑文件并以正确的格式保存它。点击下面的链接进入ChromEdit Plus网页。

http://webdesigns.ms11.net/chromeditp.html

单击页面上的Add to Firefox按钮。

如何自定义橙色firefox菜单按钮的外观

可能会显示以下消息。单击“允许”继续安装ChromEdit Plus插件。

注意:在安装扩展和其他软件时,要非常小心所允许的内容。如果您不确定产品或不信任公司,请不要安装。我们测试了ChromEdit Plus,发现它安全可靠。

如何自定义橙色firefox菜单按钮的外观

将显示“软件安装”对话框。单击“立即安装”,直到倒计时结束后才可用。

注意:您可以更改安装按钮的倒计时长度,但我们不建议禁用它。

如何自定义橙色firefox菜单按钮的外观

必须重新启动Firefox才能完成安装。单击弹出对话框中的“立即重新启动”。

如何自定义橙色firefox菜单按钮的外观

一旦Firefox重新启动,ChromEdit Plus按钮就会添加到地址框的右侧。单击它打开ChromEdit Plus窗口。

如何自定义橙色firefox菜单按钮的外观

ChromEdit Plus窗口默认有三个选项卡。我们将编辑用户浏览器.css文件,位于第一个选项卡上。如果选项卡为空,请将以下文本复制并粘贴到用户浏览器.css选项卡,然后单击“保存”。这将为您提供一个默认值用户浏览器.css文件。

@namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); #appmenu-button { background: #orange !important; } #appmenu-button dropmarker:before { content: “Firefox” !important; color: #FFFFFF !important; } #appmenu-button .button-text { display: none !important; }

你可能已经有一个用户浏览器.css文件,在这种情况下,在用户浏览器.css选项卡。复制上面除第一行@namespace行以外的所有文本,并将其粘贴到@namespace行后面的某个选项卡上。如果您想保留已有的内容,可以将上面的文本粘贴到文件末尾。

重要提示:请确保用户浏览器.css不是智能引号,包括@namespace行中的引号。它们应该是普通的,直截了当的引用。如果它们中有任何一个是智能引号,那么这个文件根本不会影响Firefox的外观。

单击Restart以使用新的或修订的用户浏览器.css文件。

如何自定义橙色firefox菜单按钮的外观

在本例中,我们将把背景颜色改为深蓝色,并将“Firefox”文本改为“How to Geek”。

要更改背景色,请使用十六进制颜色代码或HTML颜色代码,将“#appmenu button”部分“background”行上的“#orange”文本更改为其他颜色。例如,我们选择了深蓝色,十六进制颜色代码为#2C4362。

注意:要计算出所需颜色的十六进制颜色代码,请参阅我们的文章,内容包括从十进制RGB颜色获取十六进制颜色代码、从屏幕上的任何位置选择颜色以及获取多种格式的颜色代码。

要更改按钮上的文本,请更改“#appmenu button d”中“content”行上的“Firefox”文本ROP标记:之前你想要的文本部分,如“如何极客”。我们在文本之后添加了一个空格,以便在文本和按钮上的下拉箭头之间有更多的空间。

您也可以通过更改同一“#appmenu”按钮d中的“color”行来选择更改文本的颜色ROP标记:之前“部分。我们将文本颜色保留为白色(#FFFFFF),但您可以将其更改为浅灰色(#f2f2)或类似的颜色。

单击保存,然后重新启动以使更改生效。

如何自定义橙色firefox菜单按钮的外观

按钮现在是深蓝色的,上面写着“如何极客”。

如何自定义橙色firefox菜单按钮的外观

除了更改背景颜色外,还可以向按钮添加背景图像。我们创建了一个图像,左边是How To Geek favicon和一个透明的背景,这样深蓝色的背景色就可以显示出来。要向按钮添加背景图像,请在“#appmenu button”部分添加以下行,将引号中的路径更改为图像在计算机上的位置。在路径中保留“file:///”。

background-image: url(“file:///C:/Users/Lori/Pictures/htg_background.png”) !important;

单击保存并重新启动。

如何自定义橙色firefox菜单按钮的外观

现在我们的按钮完成了。

如何自定义橙色firefox菜单按钮的外观

您还可以通过将Firefox菜单按钮转换为图标来自定义它。我们还发布了许多其他技巧和调整,以最大限度地利用Firefox。

  • 发表于 2021-04-12 02:56
  • 阅读 ( 216 )
  • 分类:互联网

你可能感兴趣的文章

firefox quantum中的3种新定制方式

Firefox的全新版本FirefoxQuantum已经面世。Firefox的新时代带来了速度的提高、全新的外观和更少的资源使用。 ...

  • 发布于 2021-03-12 08:48
  • 阅读 ( 189 )

通过6个简单的步骤让你的浏览器看起来不错

... 在firefox中 ...

  • 发布于 2021-03-17 06:29
  • 阅读 ( 223 )

如何选择firefox工具栏上显示的扩展

如果您在Mozilla Firefox中使用扩展,并且希望从工具栏中添加或删除扩展图标,那么使用Mozilla的customizefirefox功能进行拖放就很容易了。或者您可以通过右键单击快速删除图标。下面是如何做到这一点。 首先,打开“Firefox”。在...

  • 发布于 2021-04-01 07:42
  • 阅读 ( 226 )

如何在microsoft edge中更改主页

...微软Edge对待“主页”的概念与过去的经典浏览器(以及Firefox和Safari等现代浏览器)有些不同。在Edge中设置主页时,仅当单击工具栏上的主页图标(默认情况下隐藏)时,主页才可用。当前没有选项将此主页设置用作打开新窗口...

  • 发布于 2021-04-01 19:12
  • 阅读 ( 190 )

如何在firefox中设置默认缩放级别

如果使用Mozilla Firefox浏览,现在可以为所有网站设置默认的缩放级别。你还可以为个人网站设置自定义缩放级别。这个特性是在Firefox73中添加的,Firefox73于2020年2月11日发布。 如何为所有网站设置默认缩放级别 告诉Firefox在你...

  • 发布于 2021-04-02 15:50
  • 阅读 ( 170 )

如何让ubuntu看起来更像windows

...能,可显示特定于应用程序的快捷方式。例如,当你右击Firefox图标时,你会看到像“打开一个新窗口”和“打开一个新的私人窗口”这样的选项。这两个功能也被集成到Ubuntu的默认桌面面板中,但是实时窗口预览通常需要点击do...

  • 发布于 2021-04-05 22:57
  • 阅读 ( 189 )

如何在web浏览器中更改主页

...他内容。不过,您可以更改主页,下面介绍如何在Chrome、Firefox、Edge和Safari中进行更改。 在google chrome中更改主页 在撰写本文时,googlechrome只支持在其桌面浏览器中更改您的主页。 在Chrome中,单击右上角的菜单按钮(三个垂直点...

  • 发布于 2021-04-05 23:17
  • 阅读 ( 166 )

如何自定义firefox的用户界面用户浏览器.css

FirefoxQuantum的界面由于其独特的用户浏览器.css文件。您可以编辑此文件以隐藏不需要的菜单项、移动导航工具栏下方的选项卡栏、查看书签工具栏上的多行,以及执行其他通常不可能执行的操作。 如何工作 相关报道:FirefoxQua...

  • 发布于 2021-04-07 01:02
  • 阅读 ( 197 )

如何定制FirefoxQuantum的新界面

FirefoxQuantum就在这里,它有很多改进,包括新的光子用户界面。光子取代了自2014年开始使用的“Australis”界面,并提供了大量定制选项。这是好的,因为有一些烦恼,像所有的空白在任何一边的网址栏。 从工具栏中快速删除...

  • 发布于 2021-04-07 02:24
  • 阅读 ( 148 )

如何自定义橙色firefox菜单上的项目

Firefox的一个优点是它是完全可定制的。我们最近向您展示了如何更改橙色Firefox菜单按钮的外观。您还可以通过添加、删除和重新排列选项来自定义菜单本身上的可用项。 Firefox的个人菜单插件允许您编辑Firefox菜单,甚至添加工...

  • 发布于 2021-04-12 02:48
  • 阅读 ( 134 )
索斥超
索斥超

0 篇文章

相关推荐