【筆記】Pixnet模板的visitor變化* @ 那是，現在與過去不斷對話。

這篇是小木作的教學
Pixnet模板的visitor變化
就是
誰來我家的頭像變成隱藏的
滑鼠滑過去就會出現
以下是小木的教學筆記

語法(請照著標籤覆蓋下去喔)

/*新增此語法，請一併套用*/
#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;
}

/*感謝standing幫忙!*/
#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;

}

ps.
圖檔網址 http://img443.imageshack.us/img443/3905/viseo8.gif
可以改成你自己喜歡的圖案
不過長寬限定30px喔