這篇是小木作的教學
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喔
 
創作者介紹
創作者 那。 的頭像
那。

那是,現在與過去不斷對話。

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