火狐 userchrome.css 在哪,深入瞭解 FireFox 八、userChrome.css userContent.c...
以下将会分为几个章节来探讨这个浏览器:
八、userChrome.css & userContent.css 介面的修改
userChrome.js 是用来增加各种功能的。而这边要介绍的 userChrome.css 和 userContent.css 则是修改各种:介面!!
先复习下:附加元件 Stylish 的就是让你可以直接将你所要修改的管理样是套用,而在 userstyles.org 这个样式搜集网站中就可以看到许多修改 Firefox介面的样式。
我们在这里可以将你要的样式编码复制下来,贴到 userChrome.css 中,重新启动及可看到效果,不需要安装 Stylish !!(stylish的好处就是不用重启就看的到效果了)
先重复一遍:
资料夹 chrome 的位置是在:
XP是在 C:\Documents and Settings\使用者名称\Application Data\Mozilla\Firefox\Profiles\8位乱数.default\chrome
Vista和win7是在 C:\Users\使用者名称\AppData\Roaming\Mozilla\Firefox\Profiles\8位乱数.default\chrome
可将预设的 UserChrome-example.css 改名为 userChrome.css 后使用。
userChrome.css—-控制Firefox介面
它所用的语法为:
/*注解开始~~~
注解的部分不会执行~可利用此来关闭不想要的功能
~~~注解结束*/
它所能修改的范围之广也是要写写不完的~在此就只略略提供我自己有所使用的设定:
/* ==UserStyle==
地址栏RSS图标透明化or隐藏
// ==/UserStyle==*//*
#feed-button {opacity: 0.35 !important;}
#feed-button:hover {opacity: 1.5 !important;}
/*#feed-button{ display:none !important; }*//*这行是完全隐藏图标*/
/* ==UserStyle==
隐藏书签-订阅此页面(因 为我不用Firefox内建的rss)
// ==/UserStyle==*/
#subscribeToPageMenuitem, #subscribeToPageMenupopup
{ display:none !important;
}
/* 隐藏状态栏进度条 */
#statusbar-progresspanel {display: none !important;}
/*使用前*/
/*使用后*/
/*状态栏背景设为透明 */
#status-bar {-moz-appearance: none !important;background: transparent !important;}
/* ==UserStyle==
项目整齐排列 Customize Toolbar window – dynamic columns
// ==/UserStyle==*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* allow any number of columns in Customize Toolbar box */
#palette-box {
float: left !important;
overflow-x: hidden !important;
}
#palette-box .paletteRow {
display: inline !important;
}
#palette-box toolbarpaletteitem {
display: inline !important;
width: 105px !important;
height: 85px !important;
margin: 0 !important;
padding: 0 !important;
}
#palette-box toolbarpaletteitem > hbox,
#palette-box toolbarpaletteitem label {
display: inline !important;
}
/* fix separator */
#wrapper-separator #separator {
display: inline !important;
font-size: 40px !important;
}
/* make all buttons’ text be on the bottom – thanks Grist! */
#palette-box toolbarpaletteitem toolbarbutton {
-moz-box-orient: vertical !important;
text-align: center !important;
}
/* show button that AIOS hides by mistake */
#wrapper-console2-button #console2-button {
display: -moz-box !important;
}
/*使用前 VS使用后*/
/* ==UserStyle==
合并重新整理-停止按钮 Combine Stop/Reload buttons(要自行将停止按钮移到重新整理的左边才有作用)
// ==/UserStyle==*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#stop-button[disabled="true"] { display:none; }
#stop-button:not([disabled]) + #reload-button { display:none; }
/* ==UserStyle==
添加书签时直接显示Tag栏
// ==/UserStyle==*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* Mostrare i campi indirizzo, descrizione e keyword nel pannello per l’aggiunta di un nuovo segnalibro */
#editBMPanel_descriptionRow, /* campo descrizione */
#editBMPanel_locationRow, /* campo indirizzo */
#editBMPanel_keywordRow /* campo keyword (parola chiave) */{
visibility: visible;
-moz-box-align: center;
}
/*使用前 vs使用后*/
/* ==UserStyle==
隐藏书签选单"将本页加入书签"、 "管理书签"、 "将所有标签页加为书签" (因为使用地址栏上的星号来加入书签更方便)
// ==/UserStyle==*/
menuitem[key="addBookmarkAsKb"],
/*menuitem[key="manBookmarkKb"],*//*此行为隐藏管理书签*/
menuitem[key="bookmarkAllTabsKb"] {
display: none !important;
}
/* ==UserStyle==
隐藏书签右键"全部用分页开启"
// ==/UserStyle==*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://browser/content/browser.xul") {
menuitem[oncommand="openUILink(this.getAttribute('siteURI'), event);"],
menuitem[oncommand="PlacesUIUtils.openContainerNodeInTabs(this.parentNode._resultNode, event);"],
menuseparator[builder="end"] {
display:none !important;
}
}
/* ==UserStyle==
隐藏添加搜索引擎选项(Add Engines)(搜寻引擎都已经完全整理好了,就把这个选项隐藏~)
// ==/UserStyle==*/
#search-proxy-button menuitem[label=Add engines ...] {display: none;
}
/* ==UserStyle==
隐藏右键菜单 ,不希望隐藏的就把它给注解掉
// ==/UserStyle==*/
/* ==右键选单- 键结==*/
#context-openlink, /* 在新视窗中打开 */
#context-openlinkintab, /* 在新分页中打开 */
#context-sep-open, /* "在新分页中打开"下的分隔线 */
#context-bookmarklink, /* 将此键结加入书签* /
/* #context-savelink, 键结令存为… */
#context-sendlink, /* 邮寄键结 */
/*#context-copyemail, 复制Email地址 */
/*#context-copylink, 复制键结地址 */
#context-sep-copylink, /*"复制键结地址"下的分隔线*/
/* ==右键选单- 图片==*/
#context-viewimage, /* 查看图片 */
#context-copyimage-contents, /* 复制图片 */
/*#context-copyimage, 复制图片地址 */
#context-sep-copyimage, /* "复制图片地址"下的分隔线 */
/*#context-saveimage, 图片另存为… */
#context-sendimage, /* 邮寄图片 */
#context-setWallpaper, /* 设为桌布 */
#context-setDesktopBackground, /*Set As Desktop Background… */
#context-blockimage, /*阻挡…的图片*/
/* ==右键选单- 页面==*/
#context-back, /* 后退 */
#context-forward, /*前进 /
#context-reload, /* 重新整理*/
#context-stop, /* 停止 */
/*#context-sep-stop, "停止"下面的分隔线 */
#context-bookmarkpage, /* 将此页加入书签 */
#context-savepage, /* 另存页面为… */
#context-sendpage, /* 邮寄此页面 */
#context-sep-viewbgimage, /*"查看背景图片"上面的分隔线*/
#context-viewbgimage, /* 查看背景图片 */
/* ==右键选单-文字输入区块==*/
#context-undo, /* 复原 */
/*#context-sep-undo, "复原"下面的分隔线 */
/*#context-cut, 剪下 */
/*#context-copy, 复制 */
/*#context-paste, 贴上 */
/*#context-delete, 删除 */
#context-sep-paste, /*"贴上"下面的分隔线 */
#context-selectall, /* 全选 */
#context-sep-selectall, /*"全选"下面的分隔线 */
/* ==右键选单-其他==*/
#context-keywordfield, /*将关键字加入搜寻引擎 */
#context-searchselect, /* 以…搜寻 */
#frame-sep, /* 分隔线 */
#frame, /* 框架 */
#context-sep-properties, /* 分隔线 */
#context-viewpartialsource-selection, /* 检视选择范围原始码 */
#context-viewpartialsource-mathml, /* 检视MathML原始码 */
#context-viewsource, /* 检视原始码 */
#context-viewinfo, /* 检视页面资讯 */
#context-metadata, /* Properties */
#context-sep-bidi, /* 分隔线 */
#context-bidi-text-direction-toggle, /* 转变文字方向 */
#context-bidi-page-direction-toggle /* 转变页面方向 */{
display:none !important;
}
#edit-menu { display: none;}
其余的,可以自行 google 或到 userstyles.org 找寻~,以下列出几个搜集的帖子:
userContent.css—用来改变网页的外观
这里的也可以到 userstyles.org 来找寻修改网页样式的
我在此只使用了三个:
/* ~~~~让 Firefox 的网页输入框也像Safari一样高亮发光~~~~ */
input:focus, select:focus, textarea:focus {
outline: 2px solid #10bae0 ;
-moz-outline-radius: 3px ;
}
/* ~~~~ 图片置中Center Images ~~~~ */
@namespace url(http://www.w3.org/1999/xhtml);
html > body > img:only-child {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding: 3px;
}
/* Force text to wrap when it is longer than the screen width */
pre {white-space:-moz-pre-wrap}
/*使用前 vs使用后*/
/* ~~~~ 显示图片无法显示的"图示"Show image placeholders~~~~ */
@-moz-document url-prefix(http), url-prefix(file) {
img:-moz-broken{
-moz-force-broken-image-icon:1;
width:24px;
height:24px;
}
}
/*使用前*/
/*使用后*/
虽说在这边修改的同样也可以在 Stylish 中修改达成,但这些功能我觉得是基本就该具备的。
所以采用直接写进设定的做法。
好了~~主轴总算到了一段落了!!~想写的都写得差不多了,剩下几章就做为说说无法归类的一些东西吧~~
火狐 userchrome.css 在哪,深入瞭解 FireFox 八、userChrome.css userContent.c...相关推荐
- 邊做邊學 Internet Explorer 8:瞭解 IE8 相容性技術
我相信所有 Web 開發人員與網頁設計師都對瀏覽器的相容性十分頭痛,除了不同瀏覽器版本難以掌控外,就連 Internet Explorer 瀏覽器各版本的相容性也一樣難以掌握,不過從 Internet ...
- css样式继承规则详解
css样式继承规则详解 一.总结 一句话总结:继承而发生样式冲突时,最近祖先获胜(最近原则). 1.继承中哪些样式不会被继承? 多数边框类属性,比如象Padding(补白),Margin(边界),背景 ...
- CSS浏览器兼容性问题详解总结
CSS浏览器兼容性问题详解总结 2009-11-12 11:39 对css缩写的支持问题: 不论是ie 还是ff对css的缩写都有一小点问题 比如 border: 0xp solid #fff;两个浏 ...
- css中float详解,CSS浮动属性Float详解?史上最全Float详解
我们在学习css样式的时候,都知道css是盒概念,并且每一个盒子都是一个元素,下面我们就对CSS浮动属性Float进行详解,让你彻底了解Float. 一:什么是Float浮动? Float浮动是css ...
- 十三、CSS 3新特性详解(一)——属性、结构伪类、伪元素选择器,nth-child与nth-of-type区别,2D rotate,calc函数、滤镜filter、过渡transition
七.CSS3 属性选择器(上) 什么是 CSS3 在 CSS2 的基础上拓展.新增的样式 CSS3 发展现状 移动端支持优于 PC 端 CSS3 目前还草案,在不断改进中 CSS3 相对 H5,应用非 ...
- html 自定义打印模板,HTML+CSS入门 自定义模板详解
本篇教程介绍了HTML+CSS入门 自定义模板详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门.< 首先总的stylecss和大模板都是当初angel_Kitty学姐的,嗯, ...
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...
- (图文详细)最通俗易懂的CSS 浮动float属性详解
(图文详细)最通俗易懂的CSS 浮动float属性详解 声明:本文属于搬砖大神的文章到自己的博客上,原文地址为:https://www.cnblogs.com/iyangyuan/archive/20 ...
- 【CSS】770- 多层嵌套的CSS 3D动画技术详解
CSS动画是当前一种非常火爆的技术,我说的并不是一些简单的颜色变换或长短属性变换,我说的是3D变换技术:纯CSS实现的翻滚旋转立方体就是最典型的例子.网上能找到很多关于CSS动画的代码,但对于一个程序 ...
最新文章
- linux C实现mkdir功能
- php web框架 symfony简介
- leetcode 279. 完全平方数 bfs广度优先解法 图解 动态规划解法 c代码
- C++ STL 之 unordered_set 使用(包括unordersd_map)
- Archive引擎初探
- 中专选计算机应用很难,对中专计算机应用基础改革的思考.pdf
- vue表格刷新数据_Vue.js+Layer表格数据绑定与实现更新的实例
- 蓝桥杯 子串分值 递推
- View的三大流程之View的测量
- UVA10784 Diagonal【数学+二分查找】
- arcpy 查看arcgis的产品类型、产品许可与安装信息
- 服务器上多个php,php – 在多个服务器上扩展cronjobs
- 没有USB 如何通过adb连接手机设备
- YYText实现图文混排静态图和动态图同时显示
- 【侯捷】C++ STL
- UE4中3DUI防遮挡显示/穿模部分透明化显示
- 天猫用户重复购买预测之特征工程
- kotlin写android,Kotlin安卓开发
- 总结:工作流,页面流,逻辑流(业务流)
- comp3311辅导 assignment1
热门文章
- foxmail 添加 gmail账号的 具体设置参数
- 麦肯锡的逻辑思考力(读后感)---前言
- 电容的ESR ESL
- Catia 开口销设计
- 手势移动偏移量。 透视
- 测试移动信号频率的软件,手机信号工作频段侦测软件
- “import gaminet”,出现报错AttributeError:module gast has no attribute Constant
- python 字符识别_使用python进行光学字符识别入门
- 量子力学、大数据、人工智能认知智能,中国崛起!道翰天琼
- 洛谷P1892 [BOI2003]团伙