ท็อปเฟรน กลับหัว

Code

.friend-picture{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}

Code

.friend-picture{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}

Code

.friend-picture{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}

ลบเพื่อนที่เรามีเหมือนกัน
Common Friends

#common-friends { display:none; }
style + #friends {Display:None;}

ลบกรอบ Top Friends

.friend-picture { border: none; }

ลบรูปเพื่อน ท็อปเฟนด์ ให้เหลือแค่ชื่อ

.friend-picture {display:none}

ลบชื่อเพื่อนบนท็อปเฟรนด์ ให้เหลือแค่รูป

.friend-name {display:none}

รูปจาง ๆ ชี้รูปถึงปกติ

#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; }