【隱藏更多誰來我家按紐

#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。












arrow
arrow
    文章標籤
    創作 設計 平面設計
    全站熱搜

    tina71817181 發表在 痞客邦 留言(0) 人氣()