首先來看一下變化的效果吧

這個是專門給使用pixnet的網友們做的css語法，就是後台的「誰來我家」功能
需要的人請自行取用

語法部分，請對照標籤覆蓋，如果沒有此標籤就直接新增即可

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

#links .box-text a {
display: block;
width: 100%;
}
 
#visitor .box-text li {
float: left;
}
 
#visitor .box-text li a {
width: 30px;
height: 30px;
border: 0px;
background: url("http://img443.imageshack.us/img443/3905/viseo8.gif") 0% 0% #fff no-repeat;
padding: 0px;
margin: 0px 2px 2px 0px;
}
 
#visitor .box-text li a:hover {
width: 30px;
height: 30px;
background: none;
}
 
#visitor .box-text li a img {
width: 0px;
height: 0px;
}
 
#visitor .box-text li a:hover img {
display: block;
width: 30px;
height: 30px;
}
 
#visitor .box-more {
display: none;
}
 
#visitor .box-text ul:after {
content: " ";
display: block;
height: 0px;
clear: both;
overflow: hidden;
}

圖檔網址 http://img443.imageshack.us/img443/3905/viseo8.gif可以改成你自己的圖片，
如果要修改大小，請找出裡頭的 width(寬):30px 以及 height(高):30px 修改
請對照css，在第11,12,20,21,32,33行