注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

西岭雪

有时命运的戏谑就在于,你一直犹豫不决,等到终于下定决心,已经到了谢幕的时间

 
 
 

日志

 
 
关于我

在虚拟的网络中,我们与缘分同行,没有擦肩 ,却留下瞬间的惊喜 ,没有见面,却在心中留存一个身影 不知对方姓甚名谁却会淡淡的牵挂默默的关注

网易考拉推荐

如何让自己的网页图片变成灰色  

2010-04-21 11:18:02|  分类: 专业知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

在首页的body中加上 style="FILTER: alphaopacity=80 gray" 大家也可以在自己的blog中定制css 使自己的blog也变成灰色的

网站换成黑白,以示哀悼,如果您也想这样做,可以按以下代码进行

加了代码网页变黑白没效果的进 这里有所有的代码教程

Copy code

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

Copy code

<!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">

请将网页最头部的替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的和之间插入:

Copy code

<param value="false" name="menu"/>

<param value="opaque" name="wmode"/> 最简单的把页面变成灰色的代码是在head 之间加

<style type="text/css">

html {

FILTER: gray

}

</style>

附:PW论坛的简单修改方法

进入后台-风格插件-风格管理-风格模板-找到论坛正用的那个模板-编辑-编辑风格(yellow)的CSS样式

然后把

Copy code

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

插在<style type="text/css">的下面

提交,成了

------------------------------------------------------------

 如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。但如果自己的网站支持CSS的话,一切变得很简单。只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }(不换行)

  加上代码之后,再次刷新网页就会发现页面已经变成黑白的了(配图)。还在等什么,赶快给自己的网站加上一行代码,变成黑白色,一起来缅怀在地震中去世的人。

其实很简单,在网站的css文件的顶部加入下面的一句css代码即可,就可以让你的整个网站都都失去彩色,变成黑白的。

css代码:

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

但是也有缺点:只支持IE浏览器,因为使用的是IE的滤镜效果。在FireFox下不起作用。

根据国务院文件,5.19-5.21为全国哀悼日,在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿。5月19日14时28分起,全国人民默哀3分钟,届时汽车、火车、舰船鸣笛,防空警报鸣响。 中国站长站将整站换成素装。并建议中国所有站点更换为素装。

为方便站点哀悼,特提供素装代码,以表哀悼。以下为全站CSS代码。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。

如果网站没有使用CSS,可以在网页/模板的HTML代码和 之间插入:

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

请将网页最头部的替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的和之间插入:

最简单的把页面变成灰色的代码是在head 之间加

html {

FILTER: gray

}

一般的discuz论坛在 你的控制css 文件下修改/images/header/header.css 这个文件

-------------------------------------------------------------------------------------

如何让网站变成灰色。哀悼的同时,谈谈技术。

2008-05-20 20:04

19日至21日 举国哀悼逝去的同胞。

各网站都变成了灰色。那么,全部灰色,这个是如何实现的呢?

单以gougou.com来说,是使用了CSS滤镜。BasicImage 。

<STYLE type=text/css>

HTML {

FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)

}

</STYLE>

就是这么一句话 使页面的颜色全无。

其它应用实例。

如何让自己的网页图片变成灰色 - white540457607 - 精彩永不落幕CSS滤镜的应用

代码:<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #3399cc"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">CSS滤镜的应用</DIV>

如何让自己的网页图片变成灰色 - white540457607 - 精彩永不落幕CSS滤镜的应用:grayScale

代码:<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayScale :1); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #0000ff"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">CSS滤镜的应用:grayScale</DIV>

如何让自己的网页图片变成灰色 - white540457607 - 精彩永不落幕CSS滤镜的应用:mirror

代码:<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(mirror :1); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #cc0066"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">CSS滤镜的应用:mirror</DIV>

如何让自己的网页图片变成灰色 - white540457607 - 精彩永不落幕CSS滤镜的应用:opacity

代码:<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(opacity :0.5); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #008080"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">CSS滤镜的应用:opacity</DIV>

如何让自己的网页图片变成灰色 - white540457607 - 精彩永不落幕CSS滤镜的应用:xray

代码:<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(xray:1); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #66ff00"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">CSS滤镜的应用:xray</DIV>

如何让自己的网页图片变成灰色 - white540457607 - 精彩永不落幕CSS滤镜的应用:invert

代码:<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(invert :1); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #ffff66"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">CSS滤镜的应用:invert</DIV>

如何让自己的网页图片变成灰色 - white540457607 - 精彩永不落幕CSS滤镜的应用:Rotation

代码:<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation :2); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #000000"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">CSS滤镜的应用:Rotation</DIV>

如何让自己的网页图片变成灰色 - white540457607 - 精彩永不落幕CSS滤镜的应用:basicimage

代码:<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayScale :

1,mirror :1,opacity :0.5,xray:1,invert:1,Rotation :2); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #000000"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">CSS滤镜的应用:basicimage</DIV>

-------------------------------------------------------------------------------------

百度空间换素装方法:在css代码首部加入一行:

body{filter: gray()!important; }

DVBBS修改方法:

修改你论坛的skins/default.css 在开头加上如下代码就可以了。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

其他网站也可参考上面代码。将如上代码加到网站模板风格css文件里。

如果网站CSS代码里已经有html{原有标签内容} 那么 将上面代码加到 html{标签内容} 里,

变成 html{原有标签内容 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

如果网站CSS代码里没有html{原有标签内容} 而有 body {原有标签内容}

那么 将上面代码加到 body {标签内容} 里,

变成 body{原有标签内容 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

都可以实现效果。

如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:

<style>

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

</style>

有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

<!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>之间插入:

<param value="false" name="menu"/>

<param value="opaque" name="wmode"/>

最简单的把页面变成灰色的代码是在head 之间加

<style type="text/css">

html {

    FILTER: gray

}

</style>

  评论这张
 
阅读(102)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017