Board logo

标题: [求助] 求能预先改变网页背景色为豆沙绿但又不改变网页字体的css [打印本页]

作者: cmbc    时间: 2010-12-6 10:12     标题: 求能预先改变网页背景色为豆沙绿但又不改变网页字体的css

求能预先改变整个网页背景色彩为豆沙绿但又不改变网页字体的css。

在网页加载之前改变为豆沙绿(199 237 204),不要加载之后闪动一下在改变的。而且不要改变里面的字体颜色。

工具-》选项-》内容-》颜色里面设置了豆沙绿色之后,整个页面是显示豆沙绿了,但是整个字体颜色都悲剧了。在用搜索的时候,完全没有高亮了。根本无法用。

用了一个gm的脚本每次都要加载后闪一下在变色。难受。

[attach]22264[/attach]
[attach]22265[/attach]
[attach]22266[/attach]
作者: cmbc    时间: 2010-12-6 10:15

希望是图1,图3的效果,图2完全悲剧,字体颜色都改了,无法看到高亮了。

图3是我看到同样的人求租,但貌似没解决。

图3贴里说。http://bbs.deepin.org/viewthread ... 6amp%3Btypeid%3D882

/*豆沙绿背景*/
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http"),url-prefix("ftp") {
body,*{
background-color:#C7EDCC;!important;}
}

/*正在连接...的页面颜色*/
tabbrowser tabpanels {
background-color:#C7EDCC !important;
}

貌似我实验了,完全没效果。
作者: cmbc    时间: 2010-12-6 12:17

继续等老大高人出现。
作者: kpdd    时间: 2010-12-6 17:57

菜鸟献身,觉的豆沙绿,太伤眼,个别高亮有问题,尤其是摆渡XX,改的蛋疼,gm不给力每次执行
uc脚本
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://), url-prefix(ftp://), url-prefix(file://), url-prefix(https://) {
/* Name: (1)显示XX背景
High contrast (W/B)
Copyright 2010 Opera oe Firefox3.6 Software */


body,
div,
td
/* ,p */
{
        background-color: #C7EDCC !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: #990000 !important;
        background: #eeeed1 !important;
}

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

a[href]:visited
{color:#990000 !important;}

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

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

@media print {
* {
        color: black !important;
        background: white !important;
}
}
作者: cmbc    时间: 2010-12-6 18:30

楼上的朋友,是不是把你的脚本copy下来保存到一个uc.js脚本文件里,我保持为BackGround.uc.js 放到firefox的自定义配置文件的chrome文件类里了,重启firefox,看到了BackGround.uc.js被加载,但是功能是在太有限,随便早一个网站都无法改色。不行啊,有几个可以看到背景色变了,但是很多根本没反应。我用的GM的脚本,请大家改成css或者是chrome里面的加载的吧。


/*这是一个可以真正改变网页背景颜色的js脚本,这个脚本只改变网页中背景为白色(你也可以定义其他颜色)的部分,
* 它只将白色背景改成你设定的颜色,不会影响网页的整体结构.由于经常上网,网页白色的背景实在太刺眼了,网上早的方法
* 会改变整个网页的背景使得网页面目全非,在火狐网上找到一个叫"油猴"的插件可以调用脚本,在此启发下写了这个脚本,
* Bcolor和color得初始值可以达到将指定的背景颜色改成指定的颜色的目的,
* 由于初学JavaScript这个脚本还有些问题,我在网上找到的代码只能获取rgb格式的背景颜色,所以设定被改变的
* 颜色时需要用rgb格式表示,另外只能改变一种颜色,有高手的话请完善一下.
* 默认的是把白色背景改成网上那个所谓的眼科专家说的对眼睛最好的颜色.
*/

var Gr1=240;  //RGB中的R值...当网页的背景颜色的rgb值分别大于Gr1,Gg1,Gb1时此脚本将把颜色改成目标颜色color
var Gg1=240;  //RGB中的G值
var Gb1=240;  //RGB中的B值
var color="#C7EDCC"  //改变后的背景颜色,默认值为网上那个所谓的眼科专家说的对眼睛最好的颜色

//**********以下代码用户无需修改***********//
var Gr,Gg,Gb;        //全局变量记录当前标签的rgb值,用于比较        
        
        //以下函数用于分解获取的"rgb(255, 255, 255)"格式的rgb
        function FGrgb(Grgb){

        var kaisi=Grgb.indexOf(",");
        Gr=parseInt(Grgb.slice(4,kaisi));

        var kaisi1=Grgb.indexOf(",",kaisi+1);
        Gg=parseInt(Grgb.slice(kaisi+1,kaisi1));
        
        Gb=parseInt(Grgb.slice(kaisi1+1,Grgb.length-1));
        
        //alert(Gr+"|"+Gb+"|"+Gg);
        }


var Lcolor=""; //用于记录网页中获取的背景颜色
//获取并修改body的背景颜色.
Lcolor=document.defaultView.getComputedStyle(document.body, "").getPropertyValue("background-Color");
FGrgb(Lcolor);

if ((Gr>Gr1 && Gg>Gg1 && Gb>Gb1) || Lcolor=="transparent") //transparent表示透明
{
        document.body.style.backgroundColor=color;
}

//获取并修改所有标签的背景颜色
var alltags = document.getElementsByTagName("*");

for (x in alltags) {
        Lcolor = document.defaultView.getComputedStyle(alltags[x], "").getPropertyValue("background-Color");
        FGrgb(Lcolor);
        if (Gr > Gr1 && Gg > Gg1 && Gb > Gb1) {
                alltags[x].style.backgroundColor = color;
        }
}
作者: cmbc    时间: 2010-12-6 18:33

请把这个gm脚本改成可以在chrome里面用的吧。gm里面每次都要闪一下,实在不爽。










/*这是一个可以真正改变网页背景颜色的js脚本,这个脚本只改变网页中背景为白色(你也可以定义其他颜色)的部分,
* 它只将白色背景改成你设定的颜色,不会影响网页的整体结构.由于经常上网,网页白色的背景实在太刺眼了,网上早的方法
* 会改变整个网页的背景使得网页面目全非,在火狐网上找到一个叫"油猴"的插件可以调用脚本,在此启发下写了这个脚本,
* Bcolor和color得初始值可以达到将指定的背景颜色改成指定的颜色的目的,
* 由于初学JavaScript这个脚本还有些问题,我在网上找到的代码只能获取rgb格式的背景颜色,所以设定被改变的
* 颜色时需要用rgb格式表示,另外只能改变一种颜色,有高手的话请完善一下.
* 默认的是把白色背景改成网上那个所谓的眼科专家说的对眼睛最好的颜色.
*/

var Gr1=240;  //RGB中的R值...当网页的背景颜色的rgb值分别大于Gr1,Gg1,Gb1时此脚本将把颜色改成目标颜色color
var Gg1=240;  //RGB中的G值
var Gb1=240;  //RGB中的B值
var color="#C7EDCC"  //改变后的背景颜色,默认值为网上那个所谓的眼科专家说的对眼睛最好的颜色

//**********以下代码用户无需修改***********//
var Gr,Gg,Gb;        //全局变量记录当前标签的rgb值,用于比较       
       
        //以下函数用于分解获取的"rgb(255, 255, 255)"格式的rgb
        function FGrgb(Grgb){

        var kaisi=Grgb.indexOf(",");
        Gr=parseInt(Grgb.slice(4,kaisi));

        var kaisi1=Grgb.indexOf(",",kaisi+1);
        Gg=parseInt(Grgb.slice(kaisi+1,kaisi1));
       
        Gb=parseInt(Grgb.slice(kaisi1+1,Grgb.length-1));
       
        //alert(Gr+"|"+Gb+"|"+Gg);
        }


var Lcolor=""; //用于记录网页中获取的背景颜色
//获取并修改body的背景颜色.
Lcolor=document.defaultView.getComputedStyle(document.body, "").getPropertyValue("background-Color");
FGrgb(Lcolor);

if ((Gr>Gr1 && Gg>Gg1 && Gb>Gb1) || Lcolor=="transparent") //transparent表示透明
{
        document.body.style.backgroundColor=color;
}

//获取并修改所有标签的背景颜色
var alltags = document.getElementsByTagName("*");

for (x in alltags) {
        Lcolor = document.defaultView.getComputedStyle(alltags[x], "").getPropertyValue("background-Color");
        FGrgb(Lcolor);
        if (Gr > Gr1 && Gg > Gg1 && Gb > Gb1) {
                alltags[x].style.backgroundColor = color;
        }
}
作者: cmbc    时间: 2010-12-6 18:38

希望高手出一个能在显示网页就是自定义背景色彩的js出来,不改变网页的什么东东,只让其整个页面的背景能够改的柔和点,白色实在太刺眼了。

或者说,我一下子设置在工具-》选项-》内容-》颜色里自己定义,但是在使用各种搜索引擎搜索的能够高亮显示关键字的也可以。
作者: kpdd    时间: 2010-12-6 19:18

7# cmbc

不是
这个要求stylish
给几个不变的让我试试
作者: cmbc    时间: 2010-12-6 19:29

8# kpdd



我开始根本就不知道stylish啊。

经你提醒后,搞定了。原来要先装stylish,然后建个空白样式,再把你提供的脚本弄进去。测试了,非常给力。太棒了。
作者: cmbc    时间: 2010-12-6 19:34

不过测试遗憾的就是在baidu,google,bing,yahoo 等等各种搜索引擎的时候集体背景,没有高亮关键字的色彩了。太遗憾了。每天要用多少次搜索引擎啊。
作者: cmbc    时间: 2010-12-6 19:39

这样的话,还不如在在工具-》选项-》内容-》颜色里不勾选那个选项呢~~

哎,在使用搜索引擎的时候,希望高亮关键字,在看帖的时候,希望显示豆沙绿背景色。两种不想冲突乍就这么难呢?
作者: cmbc    时间: 2010-12-6 19:46

如果能够在使用baidu、google两个搜索引擎的时候在豆沙绿色的背景下高亮用户的搜索关键字,这个uc脚本简直就是完美之极了。期待pdd大侠能够改进实现这个功能。
作者: ilinkcn    时间: 2010-12-6 20:00

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://), url-prefix(https://) {
html:not([style]):not([class]):not([id]),body:not([style]):not([class]):not([id]):not([link])
{
background:#C7EDCC !important;
}
}
作者: royallin    时间: 2010-12-6 22:40

不要在选项里设置颜色。
试下这个CSS吧,在stylish里添加就可以了。
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2. body        {background-color:#c0d0bd!important;color:#000000!important;}
  3. div        {background-color:#c0d0bd!important;color:#000000!important;}
  4. table        {background-color:#c0d0bd!important;color:#000000!important;}
  5. td        {background-color:#c0d0bd!important;color:#000000!important;}
  6. @-moz-document domain("pconline.com.cn") {
  7. th        {background-color:#c0d0bd!important;color:#000000!important;}
  8. }
复制代码

作者: cmbc    时间: 2010-12-7 09:31

13# ilinkcn

测试貌似没反应。
作者: cmbc    时间: 2010-12-7 09:39

14# royallin

哈哈,这个不错。测试结果不错。不过跟kpdd提供的那个有区别。大段的蓝色连接色晃眼。


综合了kpdd和你的css


最后的结果:


body  {background-color:#C7EDCC !important;}
div   {background-color:#C7EDCC !important;}
table {background-color:#C7EDCC !important;}
td    {background-color:#C7EDCC !important;}


a:link    {color:#000000!important;}     /* 未访问的链接 */
a:visited {color:#000000!important;}     /* 已访问的链接 */
a:hover   {color:#0000FF!important;}     /* 当有鼠标悬停在链接上 */
a:active  {color:#FF0000!important;}     /* 被选择的链接 */


这个对各种搜索引擎没有任何影响,关键字仍然高亮。 对于门户满屏的各种颜色的连接,未访问已访问前一律设置黑色,鼠标悬停显蓝,点击显红。
作者: cmbc    时间: 2010-12-7 09:40

问题解决,第一次接触stylish,真的好爽。
作者: cmbc    时间: 2010-12-7 09:45

kpdd在4楼的代码,只要去掉

*{
        color: black !important;
}

就可以获得对搜索关键字高亮显示。

对于满屏的花花绿绿的链接颜色。

在加上a:link    {color:#000000!important;}     /* 未访问的链接 */

就可以获得豆沙绿背景,黑色字体效果。跟我上面的效果是一样的。
作者: cmbc    时间: 2010-12-7 09:56

悬停与点击在加上背景色,好玩哈。

body  {background-color:#C7EDCC !important;}
div   {background-color:#C7EDCC !important;}
table {background-color:#C7EDCC !important;}
td    {background-color:#C7EDCC !important;}


a:link    {color:#000000!important;}     /* 未访问的链接 */
a:visited {color:#00FF00!important;}     /* 已访问的链接 */
a:hover   {color:#0000FF!important;background:#00EE00!important;}/* 当有鼠标悬停在链接上 */
a:active  {color:#FF0000!important;background:#00EE00!important;}/* 被选择的链接 */
作者: royallin    时间: 2010-12-7 11:38

试下nosquint这个扩展,也不错的。我都是结合使用。
作者: 2008huajie    时间: 2010-12-15 01:40

有人说豆沙绿很伤眼,那我提供一个更好的背景色给大家吧

这个保证不刺眼 #C7EDCC
作者: djdrdf    时间: 2017-1-6 10:48

都试用了,4楼的最好,不过要把 C7EDCC 改为 E4E4E4 。




© 2004-2009 Mozest.com