weiking 2010.04.21

css

如何让你的网站也变黑?

为表达全国各族人民对青海玉树地震遇难同胞的深切哀悼,国务院决定,4月21日举行全国哀悼活动,全国和驻外使领馆下半旗志哀,停止公共娱乐活动。

王魏博客给大家讲一下如何让你的网站也变成黑灰色,希望有更多的站长加入这场哀悼中!
  网站也变成黑灰色方法一(推荐方法):
  在网站的CSS样式表中加入样式“filter:gray;”,该样式请不要直接使用,因为该代码比较占用资源,推荐的使用方法如下:
  DIV+CSS网站:“div{filter:gray;}”
  Table网站:“table{filter:gray;}”

  网站也变成黑灰色方法二:
  在网站CSS样式表中加入如下样式代码:
  html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
  这段代码的实现效果和方法一一样,部落建议不要使用这段代码,因为这段代码及其耗费资源,会拖慢网站速度(本人测试后得出结论)。

  网站也变成黑灰色方法三:
  这个方法最好,而且不会占用太多资源,但是非常麻烦,那就是将自己网站的CSS全部按照黑灰色网站的样式进行调解一次,然后将网站图片也进行重新设计。

  网站也变成黑灰色方法四
        将网页变成灰色(只限IE)
         <body style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);"> </body>

  网站也变成黑灰色方法五:
  如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。但如果自己的网站支持CSS的话,一切变得很简单。只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。 
         html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } (不换行)  
  加上代码之后,再次刷新网页就会发现页面已经变成黑白的了。

  网站也变成黑灰色方法六:
  为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。
  html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

  使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
  如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:
  CSS代码
  <style>
  html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
  </style>

        注:有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议XML/HTML代码
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  请将网页最头部的<html>替换为以上代码。

  有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
  XML/HTML代码
  <param value="false" name="menu"/>
  <param value="opaque" name="wmode"/>  

        最简单的把页面变成灰色的代码是在head 之间加
  CSS代码
  <style type="text/css"> html { FILTER: gray; } </style>    
  另在哀悼日或遇难的新闻,所有专题和主题 图片上不能使用红色标题。


可以任意转载, 转载时请务必以超链接形式标明文章原始出处及此声明

本文地址: http://www.weiking.com.cn/post/24.html

评论

欢迎回来,! ( 更改用户 )

输入后可按 Ctrl+Enter 提交评论.

回到页首回到页尾