玉树地震国哀日,网站素装以示哀悼之情:兼容浏览器素装修改方法参考

近年来国家多灾多难,祖国同胞们在面对这些自然灾害面前,只能以哀悼的方式表达我们的悼念之情,表达我们的友爱和团结。
国哀日里,很多站长都自觉的挂起了网站素装,以自己的方式表达我们的情感。
但是,很多站长有点苦恼的是,网上流行的素装代码,只适合IE浏览器。那么,有什么简单点的方式,让所有浏览器均能显示这种效果呢?
修改图片,对了,这确实是最简单也是唯一的方式,百度等大型网站都是这么做的。
然而,站长们面对站点里众多的图片,依然感觉很难下手。其实,我们只需要实现站点的主题色调为灰白就行了。这样一来,需要修改的图片并不是很多。
下面让志文工作室来给大家介绍一下,添加代码以及简单修改图片的方法,具体效果可参看志文工作室全站页面。

1、首先,可以在网站的css文件的底部,加入如下参考代码:
*{color:#555!important;border-color:#949494!important}
body{background:#f5f5f5!important;}
html{filter:gray}

当然如果你要加在单独页面里,也可以这样加在页面的头部:


以上代码是利用CSS的优先级!important方式,设置了网站所有文字颜色为#555灰色,所有显示的边框颜色为#949494灰色,并设置body页面的背景为#f5f5f5灰白色。同时设置了IE的灰色滤镜。

2、然后,简单修改图片的方法,用PS的图层调色来完成,非常快速简单,方法如下:
Photoshop里打开需要处理的图片,选择: 图像 – 调整 – 色相/饱和度,然后将饱和度设置为-100(即滑动条拉到最左边),然后保存图片即可。

当然如果你处理的是PNG或GIF格式图片,也可以直接选择:文件 – 存储为web和设备所用格式,然后在“使用通道使颜色减低”里选择:grayscale,然后保存图片,彩色图片即变为了灰色。

其实这样来做,花费不了多少时间,一般的站点,十分钟内即可搞定。
让我们以自己的方式,向玉树受灾同胞们哀悼祈福!

点赞 (0)

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据