整站變黑白色+網頁滾動條+圖標黑白變彩色(thinkcss)

1.整站變黑白色css

5.12地震給四川人民帶來了巨大災難,5月19日到5月21日爲全國哀悼日,有不少網站界面今天都變成了黑白色,從而記念那些在地震中死去的逝者。對於普通的站長來講,對於災難並不能多作些什麼,但能夠作到將本身的網站也變成黑白色,從而緬懷那些地震逝者。 html


若是用傳統的方法將網站變成黑白色很是的麻煩,須要更換頁面的文件,而且要對圖片進行更改。但若是本身的網站支持CSS的話,一切變得很簡單。只要是符合w3標準的網頁,在CSS文件的最前面加上一行代碼就能夠了,這段代碼使用的是CSS濾鏡,將網頁中的色彩部分過濾掉。
如下是代碼片斷:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }


或者第二種方法在樣式文件的最上端加上以下代碼:

如下是代碼片斷:
body{filter:Gray;}
img{filter:Gray;}

2.網頁滾動條網站

在瀏覽網頁的時候咱們有時能夠看到有的網頁滾動條顏色不是系統默認的,而是漂亮的紅色或其它顏色,其實這就是在網頁代碼之間加入代碼來實現的,具體是哪些代碼呢?
     網頁滾動條代碼及其解釋以下:(複製時請將大寫尖括號改成小寫)

如下是引用片斷:
<Style type="text/css"> 
<!--  
Body { 
scrollbar-face-color:#C0C0C0; (表面) 
scrollbar-highlight-color:#FFFFFF;(亮邊) 
scrollbar-3dlight-color:#C0C0C0;(3D亮邊) 
scrollbar-darkshadow-color:#000000; (3D暗邊) 
scrollbar-Shadow-color:#808080;(陰影) 
scrollbar-arrow-color:#000000; (箭頭) 
scrollbar-track-color:#E0E0E0;(滾動區) 

--> 
</Style>
 

     以上的代碼,從Body如下的,凡是#號後面的,都是顏色代碼,顏色代碼爲16進制。而括號內的文字是對左邊代碼的註釋,在加入網頁代碼時不要輸入。這樣一來,你就能夠DIY本身的網頁滾動條了。
3.圖標黑白變彩色3d

#nev img { float:left; margin-left:5px; width:60px; height:60px}
#nev a img { filter:gray(); border:#999999 solid 2px}
#nev a:hover img { filter:;}orm