给Orca增加护眼背景色功能的定制方法……

版主: 瑜小鱼, alpha_boy, Avant卫士

回复
头像
alpha_boy
AvantFanatic
AvantFanatic
帖子: 102
注册: 周三 2月 02, 2011 7:39 pm

给Orca增加护眼背景色功能的定制方法……

帖子 alpha_boy » 周三 2月 16, 2011 12:19 pm

用于在Orca中载入CSS(用户自定义层叠样式表)的扩展,可以改变页面背景色。

https://addons.mozilla.org/zh-CN/firefox/addon/stylish/

【其安装目录为“Orca配置文件夹\extensions\{46551EC9-40F0-4e47-8E18-8E5CF550CFB8}”。】

像这类涉及到添加火狐界面按钮的扩展,基本上装好之后你就别指望它能在Orca中也添加出按钮来,Orca的界面似乎是“加密”的,无法被绝大多数的火狐扩展修改。

我们只能这样启用它,依次点击“工具”→附加组件→右上方新出现的“用户样式”图标(“汉化”后才会显示出来这组汉字,总之就是一个“S”的图标)→右下方的“编写新样式”(英文

的是Write某某),

将你找到的样式表的名字复制到“名称”一栏,例如:

(1)显示蓝色背景

之后把这个样式表的所有代码都复制到它下面最大的那个方框中,例如:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://), url-prefix(ftp://), url-prefix(file://), url-prefix(https://) {
/* Name: (1)显示蓝色背景
High contrast (W/B)
Copyright 2007 Opera Software */


body,
div,
td
/* ,p */
{
background-color: #E7F4FE !important;
}

*{
color: black !important;
}

input, textarea, select {
color: black !important;
background: #E7F4FE !important;
}

button,
input[type="file"], input[type="submit"],
input[type="button"], input[type="reset"] {
color: black !important;
background: silver !important;
}

a[href]
{text-decoration: underline !important;}

a[href]:hover {
color: black !important;
background: white !important;
}

a[href] img
{border: thin solid white !important;}
}

@media print {
* {
color: black !important;
background: white !important;
}
}

接下来点“保存”(Save)

之后关闭附加组件窗口,随便打开一个网页,就会发现它的背景色已经改成起点中文小说网上的那种淡蓝色了。

再提供一个颜色的CSS。

名字:

(2)显示绿色背景(不可混用)

代码:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://), url-prefix(ftp://), url-prefix(file://), url-prefix(https://) {
/* Name: (2)显示绿色背景(不可混用)
High contrast (W/B)
Copyright 2007 Opera Software */


body,
div,
td
/* ,p */
{
background-color: #C7EDCC !important;
}

*{
color: black !important;
}

input, textarea, select {
color: black !important;
background: #C7EDCC !important;
}

button,
input[type="file"], input[type="submit"],
input[type="button"], input[type="reset"] {
color: black !important;
background: silver !important;
}

a[href]
{text-decoration: underline !important;}

a[href]:hover {
color: black !important;
background: white !important;
}

a[href] img
{border: thin solid white !important;}
}

@media print {
* {
color: black !important;
background: white !important;
}
}

注意,这次点保存以后,你再打开其它网页时,页面就都变成苹果绿了。如果想恢复成淡蓝色,需要回到附加组件的用户样式选项卡中,用鼠标左键点击选中“(2)显示绿色背景(不可混用)”

,再点“禁用”才可以,这就是“不可混用”的意思了,一个CSS的颜色往往会覆盖掉另一个。

当然,若是广告过滤、隐藏类的CSS,一般是可以混用的。

以后,若是希望恢复成原始的页面背景色,则必须把这两个CSS都“禁用”才行。

顺便一提,这第二段代码和第一段相比,唯一不同的地方就是几处设定背景颜色的16进制代码了。

第一段代码中的“#E7F4FE”(小说蓝),在第二段代码中都被换成了眼科专家推荐的“#C7EDCC”(苹果绿)。从理论上说,你可以将其替换为其它你喜欢的颜色。

具体各种颜色的16进制代码该怎么转换,可以到百度中去搜索,去找那种名为配色表的页面就行。至于我自个儿嘛,我是以前在上初中的电脑课的时候,用FrontPage去提取了起点中文小说网

的页面背景色的R、G、B数值,

然后,再把它们设定到Notepad2 MOD中文版的自定义背景色里,最后把后者自动生成的16进制代码给“道”版了出来。

需要补充的是,这段调整网页背景色的代码,出处是Opera Software,本来是不太兼容火狐浏览器的,我到

http://www.firefox.net.cn/forum/viewforum.php?f=5

这个帖子中发言求助,得到了hzhbest、ytzong、hitsmaxft、smoke等资深玩家的帮助,请他们修改了原始版的代码,前后修改了3版,才有了现在的代码的。

我们要感谢他们的劳动成果,也包括原始作者小组Opera Software,以及卡饭论坛中把这段代码转载出来的朋友。

另外,以后大家有什么代码方面的问题,都可以去www.firefox.net.cn那个论坛求助。但是别来问我,其实我不会编程,只是网龄比较大的菜鸟一只。

【补充:stylish这个扩展的创意其实源自Opera浏览器,不过,Opera可以通过CSS创建图片拦截规则,作为辅助的广告拦截手段,有效地减少流量,加快页面载入速度,不知道stylish扩展能

否实现同类功能?好像听说火狐内核在工作机制上似乎是不支持那种功能的。】

【10:21 2011-2-16更新,在

http://bbs.deepin.org/viewthread.php?ti ... ra=&page=1

上有人公布了新版的绿色背景色的CSS代码和JS代码,感兴趣的可以去看看,我正在试用中……】

头像
七星
Fan
Fan
帖子: 96
注册: 周五 6月 11, 2010 10:53 am

Re: 给Orca增加护眼背景色功能的定制方法……

帖子 七星 » 周二 2月 22, 2011 3:09 pm

楼主厉害啊

头像
alpha_boy
AvantFanatic
AvantFanatic
帖子: 102
注册: 周三 2月 02, 2011 7:39 pm

Re: 给Orca增加护眼背景色功能的定制方法……

帖子 alpha_boy » 周一 3月 14, 2011 8:57 am

我只会抄代码,不会编写,其实依然是麻雀(菜鸟)级用户,只不过是老麻雀罢了。

头像
sword
Administrator
Administrator
帖子: 4776
注册: 周四 9月 06, 2007 11:33 am

Re: 给Orca增加护眼背景色功能的定制方法……

帖子 sword » 周一 3月 14, 2011 10:51 am

会抄也是本事啊。
报告问题前请提供以下信息:1 什么系统(32位还是64位)2 IE版本 3 内存大小 4 CPU速度 可选项:防火墙、显卡
Avant浏览器讨论交流群41066002(满)58846238(满)、59507423,51064942、47054573、 5591143、42123098,3256875、6930414、2757896,13355056。
邮箱:support@avantbrowser.com
若论坛注册用户激活邮件不成功,请在qq群告知论坛帐号,管理员将手动为您激活!!!

头像
alpha_boy
AvantFanatic
AvantFanatic
帖子: 102
注册: 周三 2月 02, 2011 7:39 pm

Re: 给Orca增加护眼背景色功能的定制方法……

帖子 alpha_boy » 周一 3月 14, 2011 7:33 pm

转两段新版的色彩代码给大家,这种新版代码,对页面的兼容性更好些,不太容易产生把图片按钮也给强制染色,导致图片按钮看不出来的兼容性错误了。


/* Name: (1)新版绿色背景(无法混用)
*/

MARK,
CODE, PRE,
BLOCKQUOTE, BLOCKQUOTE *,
[class*="quote"],
TD[style*="inset"][class="alt2"] { background-color: #DEE3E7 !important }

HTML:not([style]):not([class]):not([id]), BODY:not([style]):not([class]):not([id]):not([link]) { background: none #C7EDCC !important }

html:root > BODY > * > * > * > *:not(INPUT):not([onclick]) > DIV:not(:empty):not([id])

{background: none #C7EDCC !important}


TD:not([id]) {background-color: #C7EDCC !important}

TH {background-color: #C7EDCC !important}


a:hover {color:BLUE !important;background:#FFCCFF !important;} /*当有鼠标悬停在链接上 */


******上面是第一段,下面是第二段:


/* Name: (2)新版蓝色背景(无法混用)
*/

MARK,
CODE, PRE,
BLOCKQUOTE, BLOCKQUOTE *,
[class*="quote"],
TD[style*="inset"][class="alt2"] { background-color: #DEE3E7 !important }

HTML:not([style]):not([class]):not([id]), BODY:not([style]):not([class]):not([id]):not([link]) { background: none #E7F4FE !important }
html:root > BODY > * > * > * > *:not(INPUT):not([onclick]) > DIV:not(:empty):not([id])

{background: none #E7F4FE !important}


TD:not([id]) {background-color: #E7F4FE!important}

TH {background-color: #E7F4FE !important}


a:hover {color:BLUE !important;background:#FFCCFF !important;} /*当有鼠标悬停在链接上 */

回复

在线用户

用户浏览此论坛: 没有注册用户 和 1 访客