根据国务院文件,5.19-5.21为全国哀悼日,在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿。5 月19日14时28分起,全国人民默哀3分钟,届时汽车、火车、舰船鸣笛,防空警报鸣响。并建议中国所有站 点更换为素装。国务院决定5月19日至21日为全国哀悼日,为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。
或者
- html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
如果网站没有使用CSS,可以在网页/模板的HEAD之间插入:
- <style type="text/css">
- <!--
- html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
- --></style>
地震, 哀悼日, 四川, CSS, 汶川, 滤镜
基于js和css,作者在其首页提供了DIY的工具。当鼠标经过链接的时候,有一个上下滑动的效果。
http://www.scrollovers.com
可以这样使用这个效果:
1、在网页中加入如下,可以把js下载下来,放到自己的空间里。
- <script src="http://www.scrollovers.com/js/scrollovers.js" type="text/javascript"></script>
2、将链接形式修改成这样
- <a href="http://www.hicode.org/wp-admin/[YOUR PAGE HERE]" type="scrollover" class="scrollover">[YOUR TEXT HERE]</a>
3、添加这样的CSS,颜色自己修改。
- <style>
- a.scrollover { /* Default Colour/Styles here */ color: #557AFF; }
- a.scrollover em:first-line { /* Rollover Colour/Styles here */ color: #FF5B3C; }
- </style>
4、还可以修改js,达到你想要的效果。
scrollovers_ScrollSpeed 是控制速度的
scrollovers_ScrollDownOnMouseOver 是控制上滚还是下滚的
scrollovers_TypeName 如果想所有的链接都滚动,而不需要设置Type attrbiute的话,把这个变量的值改成空字符
收藏自:Hi,Code!
网页, 链接, JS
现在主流的浏览器分别是:Internet Explorer 6, Internet Explorer 7和Firefox 2。这让我们在网站设计中不得不考虑如何使样式“crossover”。这里介绍一个较为简单的方法使样式的显示效果在上述三种浏览器中保持一致。
首先我们针对Firefox 2设计了如下的样式代码:
- #MyDiv { margin : 10px 10px 10px 10px; }
然后针对Internet Explorer 6进行样式修改,使用如下的代码语句,该代码只能被 IE 6 识别:
- /* IE6 Only */
- * html #MyDiv { margin : 5px 5px 5px 5px; }
最后针对Internet Explorer 7进行如下样式修改,该代码也只能被 IE 7 识别:
- /* IE7 Only */
- *:first-child+html #MyDiv { margin : 2px 2px 2px 2px; }
通过上面的方法,你应该能够让你的设计样式更具通用性了。
转自Smartr.cn
CSS, firefox, IE
希望能书写简单而漂亮的CSS网站代码吗?Nice and Free CSS Templates 这个网站提供免费的模板代码,代码均能通过W3C检验。该网站提供12款模板代码,基本上能满足日常网站的设计样式。有兴趣的各位可以参详下。

转自Smartr.cn
css 模板