誰來我家樣式一整排的－LottMarisa的部落格

是那種在上面 or旁邊或下面一整排的

如何顯示在上面(橫式)

/*誰來我家整體位置*/

#boxWho{position:absolute;top:???px;left:????px;}

如何顯示在上面(直式)

/*誰來我家整體位置*/

#boxWho {position:absolute;left:???px;top:???px;}

/*誰來我家四個字隱藏*/

#boxWho .sidetitle{display:none;}

/*誰來我家直式寬度設定*/

#boxWho div#whowrapper{width:550px!important;text-align:center;}

/*誰來我家小圖片邊框及小圖大小*/

#boxWho li, #boxWho li img{width:25px!important;
height:25px!important;border:#邊框色碼 1px solid;}

/*一般狀態的頭像加圖*/

#boxWho #whowrapper li a { BACKGROUND:URL(網址) fixed no-repeat center center;}

◎不加圖，只需背景顏色時：{BACKGROUND:#色碼;}

/*照片大小ˋ透明*/

#boxWho #whowrapper li a img { FILTER:alpha(opacity=50); width:40px !important;
height:40px !important;}

◎數值越小越透明

/*滑鼠移到連結大小 ˋ 透明*/

#boxWho #whowrapper li a:hover img { width:40px !important; height:40px
!important; FILTER:alpha(opacity=100);}

◎頭像透明度為0(不顯示)
頭像透明度為100(完整顯示)

/*連結時的頭像大小*/

#boxWho li a:hover img{ width:50px !important;height:50px !important;}

◎寬width和高height，若比一般狀態時的頭像數值來得高，
滑鼠移到頭像時便會呈現放大效果。

/*誰來我家濾鏡*/

#boxWho #whowrapper li a img { filter:alpha(style=2);} #boxWho #whowrapper li
a:hover img { filter:alpha(opacity=100);cursor:move;}

☆看起來是黑白連過去是彩色☆
filter:gray

☆看起來是半透明連過去是彩色☆
filter:alpha(style=1)
filter:alpha(style=2)
filter:alpha(style=3)
分別為不同樣式

☆看起來是x光連過去是彩色☆
filter:xray

☆看起來是對比過度連過去是彩色☆
filter:invert

☆看起來是模糊連過去是正常彩色☆
filter:blur

☆看起來是隱藏連過去會出現照片☆
filter:mask

☆看起來有橫波連過去會出現正常照片☆
filter:wave

☆馬賽克濾鏡☆ (看起來是馬賽克移過去是正常)
filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3)

☆變型濾鏡☆ (看起來是變形移過去是正常)
filter:Wave(strength=10,freq=5,lightstrength=10,phase=5)

◎語法貼在哪？

網誌：樣式管理＞修改CSS樣式表＞將語法貼在最下方＞存檔即可。

上面的????,你要自己設定左右的位置,填個數字進去
TOP是離上方多少距離
LEFT是離左邊多少距離

邊框色碼及顯示的大頭貼圖片大小,也可以自訂
誰來我家的圖片,預設是50*50,上面25是縮小一半
不想縮小的話,可以把25改成50,或刪除width及height
不想要邊框,可以把border:#邊框色碼 1px solid;刪除

本文章來自於:奇摩知識+&