มีโค้ดเกียวกะท๊อบเฟรนมาฝากคะ

[aviruenei]

รูปจาง ๆ ชี้รูปถึงปกติ   #friends .friend-picture a img {width:100px;height:100px} #friends .friend-picture a img {filter:alpha(opacity=30); opacity:9.5} #friends .friend-picture a:hover img{width:100px;height:100px} #friends .friend-picture a:hover img {filter:alpha(opacity=100); opacity:1.0}   ใส่กรอบให้ท็อปเฟรน   #friends .friend-picture {border:4px ridge #FF0033}   ขยายรูปท็อปเฟรนให้ใหญ่   .friend-picture{height:100px !important;width:85px!important; margin-left:0px;border:dotted #000000 0px; } .friend-picture img {height:100px !important;width:100px!important;margin-left: 7px}   ซ่อนท็อปเฟรนไว้หลังรูปอื่น   .friend-picture div {background:url( ใส่ URLของรูป ) 8px;padding:200px;} .friend-picture div:hover {padding:0px;}   ลบรูปท็อปเฟรน ใช้เม้าส์ชี้ถึงจะเห็น   .friend-picture { display: block !important; border: 0px; background: url(Your Image URL Here) no-repeat; } .friend-picture div a { display: block; margin: 0px; padding-top: 0px !important; text-align: center; background: transparent; } .friend-picture div a:link img, .friend-picture div a:visited img { display: block !important; visibility: hidden; margin-left: 9px !important; margin-right: 50px !important; width: 80px; height: 80px; border: 0px; } .friend-picture div a:hover img { display: block !important; visibility: visible; } .friend-picture div a:hover { background: none; }   Credit : http://gurakbamor.hi5.com/ ลองดูแล้วกันนะจ๊ะ

 .