Code Hi5 โค้ดhi5 - ทำให้ Top Friends เป็นภาพใสๆ แล้วชัดขึ้นเมื่อเอาเมาส์ไปวาง

1. แบบตัวอย่าง เมื่อนำเมาส์ไปวาง แล้วรูปจะชัด

<style type="text/css">

.friend-picture {border:none; margin-left: 0px;background:url( );}

.friend-picture a img {width:100px; height:100px !important; }

.friend-picture {height:100px !important;width:100px!important}


.friend-picture img {filter:alpha(opacity=30)}

.friend-picture a:hover img { filter: none;}

.friend-name {display:none}

</style>

---

2. แบบตัวอย่าง เมื่อนำเมาส์ไปวาง แล้วรูปจะชัด แล้วมีชื่อเพื่อนด้วย

<style type="text/css">

.friend-picture {border:none; margin-left: 0px;background:url( );}

.friend-picture a img {width:100px; height:100px !important; }


.friend-picture {height:100px !important;width:100px!important}

.friend-picture img {filter:alpha(opacity=30)}

.friend-picture a:hover img { filter: none;}

</style>

---

3. แบบตัวอย่าง แต่รูปไม่จาง

<style type="text/css">

.friend-picture {border:none; margin-left: 0px;background:url( );}

.friend-picture a img {width:100px; height:100px !important; }


.friend-picture {height:100px !important;width:100px!important}

.friend-name {display:none}

</style>

---

4. แบบตัวอย่างรูปไม่จาง และมีชื่อเพื่อน

<style type="text/css">

.friend-picture {border:none; margin-left: 0px;background:url( );}

.friend-picture a img {width:100px; height:100px !important; }

.friend-picture {height:100px !important;width:100px!important}


</style>