Sha ré, oh~夏蕾

最近一直在看CSS的東西～
所以就當筆記放在這裡！

這個是小木的提供的語法
還有standing幫忙～
For 痞客模板
找了好久～有需要的可以看看！
大家也歡迎引用！
只是記得要 著名出處 尊重熱心的發表者喔！
歡迎大家去看看喔！

原作部落GO-->  分享 - 痞客模板的visitor變化 << MUKI space >>
------------------- 以下為引用文章的內容 ---------------------------

恩，這是小木想出來的一個方法，之前是不知道有沒有人發布過，但是的確是自己想的..
所以希望大家不要說成是自己做的喔=口=，要不然我會很傷心的Q口Q
喜歡的人，也麻煩您多多引用到自己的網誌作介紹，好東西請與大家分享ˇˇ

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

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

歡迎大家自由運用修改^^