firefox userchrome.css的最佳调整?

正如扩展添加功能和about:config调整更改行为一样,您可以使用userchrome.css文件设计Firefox的“chrome”。chrome包括菜单、工具栏、标签和地址栏。Firefox和web开发人员都知道CSS可以设置颜色、大小、可见性等。我们已经讨论了如何通过样式调整来整合Firefox的chrome,但是仍然有很多可能的方法可以通过userchrome.css来改变fox的外观...

Image for article titled Best Firefox userchrome.css Tweaks?

正如扩展添加功能和about:config调整更改行为一样,您可以使用userchrome.css文件设计Firefox的“chrome”。chrome包括菜单、工具栏、标签和地址栏。Firefox和web开发人员都知道CSS可以设置颜色、大小、可见性等。我们已经讨论了如何通过样式调整来整合Firefox的chrome,但是仍然有很多可能的方法可以通过userchrome.css来改变fox的外观。下面是我最喜欢的userchrome.css调整的汇编,在评论中添加你的。

/**不要删除@namespace行--它是正确运行所必需的*/*将默认名称空间设置为XUL*/@名称空间url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/*删除编辑菜单(如果已使用所有键盘快捷键)*/#帮助菜单,#编辑菜单{显示:无!重要;}

/*当没有可返回的内容时删除后退按钮*/#后退按钮[disabled=“true”]{display:none;}

/*当没有可前进的对象时删除前进按钮*/#前进按钮[disabled=“true”]{display:none;}

/*无需停止时移除停止按钮*/#停止按钮[disabled=“true”]{display:none;}

/*删除主页按钮(切勿使用)*/#主页按钮{显示:无;}

/*从地址栏中删除Go按钮*/#Go按钮堆栈。搜索Go按钮堆栈{显示:无!重要;}

/*从搜索框中移除放大镜按钮*/。搜索转到按钮堆栈{显示:无!重要;}

/*消除抖动及其恼人的移动:*/#抖动框{显示:无!重要;}

/*添加书签时显示关键字输入框*/#关键字行{显示:-moz网格线!重要;}

/*使活动选项卡变宽*/tab[selected=“true”]{最小宽度:200px!重要;}

感谢QWERTY为我最新添加的最后几行,这使得活动选项卡比背景选项卡更宽。

有关如何编辑userchrome.css的更多信息,请参阅我们上一篇关于整合Firefox chrome的文章。你还为你的chrome风格添加了什么?请在评论中告诉我们。

  • 发表于 2021-07-31 16:47
  • 阅读 ( 123 )
  • 分类:互联网

你可能感兴趣的文章

linux的最佳web浏览器

...选项卡。即使无视火狐的超级强大about:config and 可定制的userChrome.css,Chrome可以有更多的选择。竞争Chrome最明显的竞争对手是Firefox,它仍然是许多Linux发行版的默认浏览器。Firefox在可定制性方面扼杀了Chrome,但在其他领域却落后...

  • 发布于 2021-05-27 02:16
  • 阅读 ( 196 )

适用于windows的最佳web浏览器

...该选项卡。即使不考虑Firefox强大的about:config和可定制的userChrome.css,Chrome也可以有更多的选择。竞争Chrome最明显的竞争对手是Firefox,它在可定制性方面扼杀了Chrome,但在其他领域却落在了后面。几乎所有的Firefox扩展仍然需要重...

  • 发布于 2021-07-23 19:23
  • 阅读 ( 212 )

在firefox中加宽active标签,使其更易于阅读

...。只需安装以下带有时尚扩展名的userstyle(或将其添加到userChrome.css文件中): @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); .tabbrowser-tab[selected]:not([pinned])[fadein] { min-width: 200px !important; } 这会将活动选项卡的宽...

  • 发布于 2021-07-24 21:39
  • 阅读 ( 95 )

从提示框:电视剧集,网址预览,乱七八糟的触摸屏

...-moz转换持续时间:1000ms!重要;}您可以将其添加到您的userChrome.css中,也可以通过“时尚”添加。对于时尚的一键式安装,我把它也变成了一个用户风格。我个人发现100毫秒的延迟和200毫秒的过渡是一个近乎完美的组合。它足...

  • 发布于 2021-07-24 23:26
  • 阅读 ( 138 )

不使用时自动隐藏firefox书签栏

...city: 9; -moz-transition: visibility !important; } 您可以将其添加到userChrome.css文件中,也可以从下面的链接将其作为时尚脚本安装。事实上,它会逐渐“淡出”你的书签栏30秒,然后完全消失。如果你想让它消失得更快一点,你可以把上...

  • 发布于 2021-07-25 00:19
  • 阅读 ( 107 )

为什么我从chrome切换到Firefox4

...但是Firefox已经具备了这一切。此外,Firefox有一个方便的userChrome.css文件,可以让你真正地挖掘和调整界面的每一个像素。我们一直在为userChrome文件做一些调整,比如最近的URL预览黑客Lifehacker,还有一个让Firefox按钮不那么烦人...

  • 发布于 2021-07-25 00:36
  • 阅读 ( 142 )

阻止Firefox4在状态栏中修剪url预览

...想让Firefox把整个URL都显示出来,不管有多长,你只需在userChrome.css文件中添加以下几行代码: statuspanel { max-width: 100% !important; } 这告诉Firefox,如果必须的话,让状态面板占据Firefox窗口的整个宽度。如果您只想将其扩展到Firefox宽...

  • 发布于 2021-07-25 00:41
  • 阅读 ( 116 )

从提示框:Windows7收藏夹、firefox按钮和托运行李

...叫应用程序按钮清除。或者,ЯΞ√ ΩL U T↑ ☼ N$notes更改userChrome.css文件也可以完成相同的操作:@命名空间url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #appmenu按钮{背景:透明!重要;}我正在努力使私人浏览具有不同的颜...

  • 发布于 2021-07-25 00:46
  • 阅读 ( 145 )

来自提示框:被屏蔽的youtube视频、凌乱的汽车和firefox的附加条

...X。。。我一直不小心点击它!为了解决这个问题,我在userChrome.css中添加了以下内容:#addonbar closebutton{显示:无!重要;}如果需要,我仍然可以通过右键单击任何工具栏并取消选中“附加栏”来隐藏附加栏双击q退出google chrome...

  • 发布于 2021-07-25 01:29
  • 阅读 ( 161 )

如何解决Firefox4新外观带来的烦恼

...动,你只是在标题栏上浪费了一些空间。您可以通过更改userChrome.css文件来整合它。只需粘贴以下代码(由博客作者David Naylor及其评论提供): #main-window[sizemode=normal][tabsontop] #appmenu-button-container { position: fixed !important; z-index: 2 !im...

  • 发布于 2021-07-25 01:40
  • 阅读 ( 104 )
pmnprdzkn975
pmnprdzkn975

0 篇文章

相关推荐