aidm
小狐狸
小狐狸
  • UID25425
  • 注册日期2008-07-14
  • 最后登录2008-11-27
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:5989回复:13

如何修改网页中指定的背景颜色?

楼主#
更多 发布于:2008-09-21 11:43
我Windows窗口颜色已经被我改成了苹果绿代替了白色,专家说这是最保护眼睛的。也就是将“色调”、“饱和度”、“亮度”三项的参数分别设置成85,90,205的那种颜色。现在打开“我的电脑”,“Word”等工具都是那种颜色,看着也舒服。Firefox中“工具——选项——字体 & 颜色——颜色”里,我把“使用系统颜色”前的“勾”勾上了。打开空白页时背景就是苹果绿,另外地址栏中的颜色也是苹果绿。打开“百度知道”的背景也是这种颜色。

但是我发现绝大部分网页都有自带指定背景,且基本上都为白色,比如这个网站就是白色的背景。firefox3.01中怎么样才能将许多网页中指定的背景颜色白色改成苹果绿,这样子会舒服很多。

另外有人说Accessibar这个扩展可以用,我不知道这个扩展能不能改网页中的指定背景颜色,还是只是空白页的背景。请高人指点一下。
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-06-03
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1116点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
1楼#
发布于:2008-09-21 11:43
userContent.css加入:

@-moz-document url-prefix(http) {
body {background-color:苹果绿的颜色值 !important;}
}
Firefox More than meets your experience
aidm
小狐狸
小狐狸
  • UID25425
  • 注册日期2008-07-14
  • 最后登录2008-11-27
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2008-09-21 11:43
我加了代码
@-moz-document url-prefix(http) {
body {background-color:#CCE8CF !important;}
}
但是发现,周边颜色是改过来了。但是主体颜色还是没有变,比如这个帖子对话框内的颜色还是白色的。占了好大一块,中间的主体是白色的,四周边缘是想要的颜色。还没有以前都是白色那么协调。能不能把网页中间主体内容的背景也改成苹果色的呢?
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-06-03
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1116点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
3楼#
发布于:2008-09-21 11:43
@-moz-document url-prefix(http) {
*{background-color:#CCE8CF !important;}
}
Firefox More than meets your experience
aidm
小狐狸
小狐狸
  • UID25425
  • 注册日期2008-07-14
  • 最后登录2008-11-27
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
4楼#
发布于:2008-09-21 11:43
也就是网页中所有的白色背景我想替换成苹果绿,不管它是第几层背景
aidm
小狐狸
小狐狸
  • UID25425
  • 注册日期2008-07-14
  • 最后登录2008-11-27
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
5楼#
发布于:2008-09-21 11:43
谢谢版主,已经改过来了。看着很舒服!^_^
aidm
小狐狸
小狐狸
  • UID25425
  • 注册日期2008-07-14
  • 最后登录2008-11-27
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
6楼#
发布于:2008-09-21 11:43
试了很久,还麻烦您一下

您给我的代码
@-moz-document url-prefix(http) {
*{background-color:#CCE8CF !important;}
}

我用了,发现中间的主体是改过来了,但是其它所有的背景颜色都变成苹果绿了。比如说这个帖子里“发表新帖”、"发表回复”“下面的两个深黄色的字“作者”、“正文”那一栏的背景是蓝灰色的,改了以后和下面的帖子里的对话框颜色都成了苹果绿,就看到孤零零的两个词在那里,不仔细看还看不出来。

能不能只把背景中有白色的地方换成苹果绿的,其它颜色不变,因为大部分网页的主体背景都是白色的,其它颜色很少。如果把其它颜色也改了,有些网页显示会不正常,就像这个帖子里作者正文一样。真的麻烦您了。
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-06-03
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1116点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
7楼#
发布于:2008-09-21 11:43
再试试选项---内容--颜色,背景色设置为绿色(只有特定几种颜色可选),然后取消“允许页面选择显示的颜色而无需上面的设置”的勾。
或者试试上面的使用系统色,这样FF就会套用系统的颜色,如果你将系统的颜色设置为苹果色,或许FF就会按照系统色来显示。
Firefox More than meets your experience
Endif
火狐狸
火狐狸
  • UID5035
  • 注册日期2005-04-12
  • 最后登录2010-12-28
  • 发帖数292
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
8楼#
发布于:2008-09-21 11:43
javascript:(function(){function%20getRGBColor(node,prop){var%20rgb=getComputedStyle(node,null).getPropertyValue(prop);var%20r,g,b;if(/rgb\((\d+),\s(\d+),\s(\d+)\)/.exec(rgb)){r=parseInt(RegExp.$1,10);g=parseInt(RegExp.$2,10);b=parseInt(RegExp.$3,10);return[r/255,g/255,b/255];}return%20rgb;}%20R(document.documentElement);%20function%20R(n){var%20i,x,color;if(n.nodeType==Node.ELEMENT_NODE%20&&%20n.tagName.toLowerCase()!=%22input%22%20&&%20n.tagName.toLowerCase()!=%22select%22%20&&%20n.tagName.toLowerCase!=%22textarea%22){for(i=0;x=n.childNodes[i];++i)R(x);%20color=getRGBColor(n,%22background-color%22);if(%20(typeof(color)!=%22string%22%20&&%20color[0]%20+%20color[1]%20+%20color[2]%20>=%202.8)%20||%20(n==document.documentElement%20&&%20color==%22transparent%22))%20{%20n.style.backgroundColor%20=%20%22tan%22;/*Moz%201.0*/%20n.style.setProperty(%22background-color%22,%20%22#E6E6DD%22,%20%22important%22);/*Moz%201.4%20after%20zap%20colors*/%20}%20}}})()


smart书签
aidm
小狐狸
小狐狸
  • UID25425
  • 注册日期2008-07-14
  • 最后登录2008-11-27
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
9楼#
发布于:2008-09-21 11:43
fang5566:再试试选项---内容--颜色,背景色设置为绿色(只有特定几种颜色可选),然后取消“允许页面选择显示的颜色而无需上面的设置”的勾。
或者试试上面的使用系统色,这样FF就会套用系统的颜色,如果你将系统的颜色设置为苹果色,或许FF就会按照系统色来显示。
回到原帖


我按照你的改了,结果变得更不好了,网页所有文字都成了深蓝色,十分刺眼。其它的也没改过来,还是全部背景颜色都是苹果绿。不论是黑是黄。
aidm
小狐狸
小狐狸
  • UID25425
  • 注册日期2008-07-14
  • 最后登录2008-11-27
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
10楼#
发布于:2008-09-21 11:43
Endif
javascript:(function(){function%20getRGBColor(node,prop){var%20rgb=getComputedStyle(node,null).getPropertyValue(prop);var%20r,g,b;if(/rgb\((\d+),\s(\d+),\s(\d+)\)/.exec(rgb)){r=parseInt(RegExp.$1,10);g=parseInt(RegExp.$2,10);b=parseInt(RegExp.$3,10);return[r/255,g/255,b/255];}return%20rgb;}%20R(document.documentElement);%20function%20R(n){var%20i,x,color;if(n.nodeType==Node.ELEMENT_NODE%20&&%20n.tagName.toLowerCase()!=%22input%22%20&&%20n.tagName.toLowerCase()!=%22select%22%20&&%20n.tagName.toLowerCase!=%22textarea%22){for(i=0;x=n.childNodes[i];++i)R(x);%20color=getRGBColor(n,%22background-color%22);if(%20(typeof(color)!=%22string%22%20&&%20color[0]%20+%20color[1]%20+%20color[2]%20>=%202.8)%20||%20(n==document.documentElement%20&&%20color==%22transparent%22))%20{%20n.style.backgroundColor%20=%20%22tan%22;/*Moz%201.0*/%20n.style.setProperty(%22background-color%22,%20%22#E6E6DD%22,%20%22important%22);/*Moz%201.4%20after%20zap%20colors*/%20}%20}}})()


smart书签
回到原帖


朋友,这是什么意思啊?
hycmos
小狐狸
小狐狸
  • UID21978
  • 注册日期2007-11-23
  • 最后登录2014-11-08
  • 发帖数93
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
11楼#
发布于:2008-09-21 11:43
用扩展stylish就可以改
Endif
火狐狸
火狐狸
  • UID5035
  • 注册日期2005-04-12
  • 最后登录2010-12-28
  • 发帖数292
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
12楼#
发布于:2008-09-21 11:43

朋友,这是什么意思啊?


试试把代码内容复制到地址栏按回车
aidm
小狐狸
小狐狸
  • UID25425
  • 注册日期2008-07-14
  • 最后登录2008-11-27
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
13楼#
发布于:2008-09-21 11:43
Endif

试试把代码内容复制到地址栏按回车
回到原帖


我照你的做了,按回车没有任何反应,代码没问题吗?
游客

返回顶部