Code Top Friends Display

 

Code Top Friends Display

 

โค้ดนี้จะเป็นการขยายรูปดิสเพลย์ของ Top friends ให้มีขนาด 100x100 px นะคับ

 

โค้ดที่จะนำไปวาง

 

<syle type="text/css">

.friend-picture,.friend-picture a img { height:100px;width:100px;border:none;margin-left: 0px;}
.friend {width:100px}
.friend-picture div {margin-left: 0px !important}

</style>

 

 

ถ้าอยากขยายใหญ่กว่านี้ ก้อเพิ่มค่าตัวเลขเอาเองนะคับ
และเพิ่มค่าความกว้างใน .friend ขึ้นด้วย
รูปท้อปเฟรน จะถูกกำหนดมาให้แสดงบรรทัดละ 5 รูป
ถ้าหากกำหนดรูปกว้างเกินไป จะทำให้รูปสุดท้ายของแถว
ไปขึ้นบรรทัดใหม่เราสามารถลบบรรทัดออกได้ โดยรูปจะแสดง เรียงกัน โดยไม่แบ่งบรรทัด โดยใช้โค้ดนี้

 

Code ลบบรรทัด 

 

โค้ดที่จะนำไปวาง

 

 <syle type="text/css">
#friends .listitem-separator {display:none}

</style>

 

Code ลบชื่อเพื่อน ในท้อปเฟรน

 

โค้ดที่จะนำไปวาง

 

<syle type="text/css">
.friend-name {display:none}

</style>