世界之窗论坛 - Powered by Discuz! Board

标题: [讨论] 另类的浏览器"皮肤"，彻底把浏览器背景替换成草绿色，保护我们的眼睛 [打印本页]

作者: feng3721 时间: 2009-7-9 16:27 标题: 另类的浏览器"皮肤"，彻底把浏览器背景替换成草绿色，保护我们的眼睛

本帖最后由 feng3721 于 2009-7-10 16:21 编辑

适合于以ie6为内核的浏览器，如世界之窗浏览器2.0版 3.0版。
适合于绝大部分div+css网页布局、table+div+css布局的网页。
适用于百度Google查询资料，新浪新闻网、网易新闻网、QQ邮箱、gmail邮箱，chm资料文档等等。但在阅读QQ空间、百度空间时会替换掉原来的皮肤背景。在使用Google阅读器、Google文档、有道阅读器时，不会屏蔽掉阅读频道前的图标和各种小图标，如收藏、标签、等等。不至于显得网页“呆板”
原理：首先屏蔽掉大块的背景图片，但保留小图标，小图片的显示，如li元素和span元素下的背景图片。把大部分的背景色设置为透明色。然后重新自定义背景色。再对文本字体和链接字体进行根据背景色重新设置，统一文本字体和链接字体的颜色
设置背景的方法步骤：
internet选项 → 辅助功能，勾选√“使用样式表编排文档格式”选项，单击浏览，选择css文件，确定，就行了。不要的时候，去掉前面的"√"，确定，即可快速切换。
__________________________________________________

/* 绿色背景版green.css文件 -------- Begin ----------------------- */
body,div,span,p,table,tbody,tr,td,th,dl,dt,dd,ol,ul,li,img,h1,h2,h3,h4,h5,h6,pre,code,nobr{background-color:transparent!important;}
body,div,td{background-image:none!important;}
body{background-color:rgb(0,200,10)!important;}/*此代码可使页面背景整体变成绿色*/
div,ul,dl{background-color:rgb(0,200,10)!important;}/*解决下拉菜单背景透明的问题*/
p,span,div,pre{color:#000!important;}
a,a:link{color:rgb(0,0,150)!important;}
a:visited{color:rgb(128,0,128)!important;}
a:hover{color:rgb(180,0,0)!important;}
a:active{color:rgb(180,0,0)!important;}
div,span,ul,li,dl,dt,dd,td{border-color:transparent!important;}/*google阅读器有道阅读器边框*/
html body center div#usrbar,html body center div#usrbar a,html body center div#usrbar a:link,html body center div#usrbar a:visited,html body center div#usrbar nobr{background-color:transparent!important;background-image:none!important;}
#main div#header div#tab a{filter:alpha(opacity=100)!important;}/*百度空间导航栏*/
#m_search input.text{background-color:transparent!important;border:1px solid #000!important;color:#000!important;}
hr{display:none;}
blockquote pre{border-style:dashed;border-width:1px;padding:9px;border-color:rgb(162,200,162);}
b p{color:rgb(0,0,150)!important;}/* vbscript语言参考.chm */
em{color:rgb(180,0,0)!important;}
/* green.css ------------------ End ------------------------------- */

附件里的是效果图

图片附件: internet选项配置.PNG (2009-7-9 16:25, 68.31 KB) / 下载次数 3249
http://bbs.theworld.cn./attachment.php?aid=72821&k=a9e5d92344cf6f245ad0394d4c017186&t=1732367722&sid=ZmZtj4

图片附件: Google阅读器.PNG (2009-7-9 16:25, 134.19 KB) / 下载次数 3217
http://bbs.theworld.cn./attachment.php?aid=72822&k=80e9b6677bc68d59f10c08f7e8d522d4&t=1732367722&sid=ZmZtj4

图片附件: 世界之窗论坛.PNG (2009-7-9 16:25, 113.67 KB) / 下载次数 3200
http://bbs.theworld.cn./attachment.php?aid=72823&k=edcfb42d9094f85778171cb52d74cdc0&t=1732367722&sid=ZmZtj4

作者: phoenix 时间: 2009-7-9 16:36

呃，个人感觉，电脑上的绿色，并不能保护眼睛

作者: wang23 时间: 2009-7-9 16:47

ms这样更刺眼啊

作者: Solitudes 时间: 2009-7-9 17:08

更刺眼

作者: feng3721 时间: 2009-7-10 02:28

本帖最后由 feng3721 于 2009-7-10 02:40 编辑

呵呵，我用的CRT显示器，使用效果倒是比较好。如果不适应这种亮度，可以把green.css代码中的rgb(0,200,10)替换成rgb(0,180,10)，亮度会减弱些。要不用灰色背景版试试，该灰色适应性较强!

/* 灰色背景版 Gray.css ---- Begin ------------------ */
body,div,span,p,table,tbody,tr,td,th,dl,dt,dd,ol,ul,li,img,h3,h4,h5,h6,h1,h2,pre,code,nobr{background-color:transparent!important;}
body,div,td{background-image:none!important;}
body{background-color:rgb(197,197,197)!important;}/*此代码可使页面背景整体变成灰色*/
div,ul,dl{background-color:rgb(197,197,197)!important;}/*解决下拉菜单背景透明的问题*/

p,div,span{color:#000!important;}
a,a:link{color:rgb(0,0,150)!important;}
a:visited{color:rgb(128,0,128)!important;}
a:hover{color:rgb(150,0,10)!important;}
a:active{color:rgb(128,0,128)!important;}

div,span,ul,li,dl,dt,dd{border-color:transparent!important;}
html body center div#usrbar,html body center div#usrbar a,html body center div#usrbar a:link,html body center div#usrbar a:visited,html body center div#usrbar nobr{background-color:transparent!important;background-image:none!important;}
#tab a{filter:alpha(opacity=100)!important;}
hr{display:none;}
div#blog_text font{color:#000!important;}/*百度空间博文强调文本字体的颜色*/
/* gray.css ---------- End -------------- */

作者: 孟婆汤 时间: 2009-7-10 05:53

这也叫保护眼睛汗

作者: april 时间: 2009-7-10 08:15

还是灰色的比较好

作者: tidehome 时间: 2009-7-10 08:21

看着舒服才是保护眼睛.
不能太刺眼,或不清楚
白底黑字,晚上浅灰底黑字感觉好些

作者: guaidian 时间: 2009-7-10 09:47

太刺眼了。
看着难受。

作者: 勿谈国事 时间: 2009-7-10 12:26

太绿了，换黑色好了

作者: apol 时间: 2009-7-10 12:41

哈哈，这真的叫费力不讨好啊

其实显示器上是灰色和淡肉色或者淡黄绿色比较省眼了。

作者: cello 时间: 2009-7-10 12:42

楼主，你不会一直用这个绿色的吧？

作者: feng3721 时间: 2009-7-10 16:15

呵呵，说保护眼睛只是一个虚头。只是希望需要的时候换换背景也会有不同的感受罢了。^_^
黑色或许有安静的感觉。下面的是纯黑色背景版。不妨试试，就当是换换心情好了。O(∩_∩)O~

/* 纯黑色背景版black.css文件 -------- Begin ----------------------- */
body,div,span,p,table,tbody,tr,td,th,dl,dt,dd,ol,ul,li,img,h1,h2,h3,h4,h5,h6,pre,code,form,nobr{background-color:transparent!important;}
body,div,td{background-image:none!important;}
body,div,ul,dl{background-color:rgb(0,0,0)!important;}

p,div,span{color:rgb(39,131,46)!important;}
a,a:link{color:rgb(173,29,80)!important;}
a:visited{color:rgb(166,0,166)!important;}
a:hover{color:rgb(230,0,0)!important;}
a:active{color:rgb(230,0,0)!important;}

div,span,ol,ul,li,dl,dt,dd{border-color:transparent!important;}
html body center div#usrbar,html body center div#usrbar a,html body center div#usrbar a:link,html body center div#usrbar a:visited,html body center div#usrbar nobr{background-color:transparent!important;background-image:none!important;}
#main div#header div#tab a{filter:alpha(opacity=100)!important;}
#m_search input.text{background-color:transparent!important;border:1px solid rgb(53,179,63)!important;color:rgb(39,131,46)!important;height:25px!important;font-size:16px!important;padding-top:5px!important;}
hr{display:none;}

body,h1,h2,h3,h4,h5,h6,pre,code,font,blockquote,table,tbody,tr,td,th,dl,dt,dd,ol,ul,li,strong,form,label{color:rgb(39,131,46)!important;}/*文本字体修改为暗青色*/
b,em{color:rgb(180,0,0)!important;}/* google网页搜索关键字 */
table tr td a font{color:rgb(173,29,80)!important;}/*百度网页搜索标题*/
b p{color:rgb(173,29,80)!important;}/* w3school.com.cn */
pre code{color:rgb(173,29,80)!important;}/* w3school.com.cn */
blockquote pre{border-style:dashed;border-width:1px;padding:9px;border-color:rgb(162,200,162);}/* w3school.com.cn */

/* black.css ---------------- End ---------------------------- */

欢迎光临世界之窗论坛 (http://bbs.theworld.cn./)