【隱藏更多誰來我家按紐】
#boxWho input{display:none!important;}
若要顯示,就把none改成block
【更多誰來我家按紐變直式】
#boxWho input {WRITING-MODE:tb-rl;}
【誰來我家橫式】
#boxWho div#whowrapper{width:500px!important;;}
【誰來我家直式】
#boxWho div#whowrapper{writing-mode:tb-rl;;}
【誰來我家移動位置】
#boxWho { position:absolute; left:***px; top:***px; }
誰來我家變透明:
#boxWho #whowrapper li a img {filter: alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {filter: alpha(opacity=100);}
誰來我家加入捲軸:
#boxWho {
width:200px !important;overflow:hidden;
height:74px;overflow:auto;
SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:#000000;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#000000;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;}
【一般狀態時之頭像大小】
#boxWho li, #boxWho li img{
width:30px !important;height:30px !important;border:#色碼 1px solid;}
width/寬度,height/寬度,border/大頭圖片的邊框大小。
【誰來我家整體寬度】
#boxWho div#whowrapper {width:50px!important; text-align:center;}
text-align:center/文字置中。
(文字置左:text-align:left,文字置右:text-align:right)
width(寬度)設定數值越大,頭像的排列就變成橫式的。
width(寬度)設定數值越小,頭像的排列就變成直式的。
【一般狀態的頭像加圖】
#boxWho #whowrapper li a {
BACKGROUND:URL(網址) fixed no-repeat center center;}
不加圖,只需背景顏色時:{BACKGROUND:#色碼;}
【一般狀態時頭像之透明度】
#boxWho #whowrapper li a img {filter:alpha(opacity=0);}
filter:alpha(opacity=0)/透明度。
加圖時透明度請設定為0,圖才能完整的顯示出來。數值越高,圖就會被蓋掉。
【連結狀態時頭像之透明度】
#boxWho #whowrapper li a:hover img {filter:alpha(opacity=100);}
position:relative;top:1px;left:1px;/滑鼠移到頭像時呈現放大效果的設定。
【連結狀態時的頭像大小】
#boxWho li a:hover img{
width:40px !important;height:40px !important;}
【誰來我家的位置】
#boxWho {position:absolute;left:120px;top:0px; }
left/靠左,top/靠上。
left或top若是0,區塊就會完全偏左或偏上。
【隱藏誰來我家標題】
#boxWho .sidetitle {display:none;}
若要顯示,就把none改成block。
- Dec 28 Mon 2009 01:04
誰來我家CSS語法
文章標籤
全站熱搜
留言列表