โค้ดทำ Top Friend hi5
<center><table style="width: 470px;"><tr><td>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่1">ชื่อเพื่อนคนที่1</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่1"><img src="URL รูปเพื่อนคนที่1" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่2">ชื่อเพื่อนคนที่2</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่2"><img src="URL รูปเพื่อนคนที่2" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="
URL เพื่อนคนที่3">ชื่อเพื่อนคนที่3</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่3"><img src="URL รูปเพื่อนคนที่3" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่4">ชื่อเพื่อนคนที่4</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่4"><img src="URL รูปเพื่อนคนที่4" border="0"></a></div></div>
</td></tr> <tr><td>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่5">ชื่อเพื่อนคนที่5</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่5"><img src="URL รูปเพื่อนคนที่5" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่6">ชื่อเพื่อนคนที่6</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่6"><img src="URL รูปเพื่อนคนที่6" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่7">ชื่อเพื่อนคนที่7</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่7"><img src="URL รูปเพื่อนคนที่7" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่8">ชื่อเพื่อนคนที่8</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่8"><img src="URL รูปเพื่อนคนที่8" border="0"></a></div></div>
</td></tr> <tr><td>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่9">ชื่อเพื่อนคนที่9</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่9"><img src="URL รูปเพื่อนคนที่9" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่10">ชื่อเพื่อนคนที่10</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่10"><img src="URL รูปเพื่อนคนที่10" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่11">ชื่อเพื่อนคนที่11</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่11"><img src="URL รูปเพื่อนคนที่11" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่12">ชื่อเพื่อนคนที่12</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่12"><img src="URL รูปเพื่อนคนที่12" border="0"></a></div></div>
</td></tr> <tr><td>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่13">ชื่อเพื่อนคนที่13</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่13"><img src="URL รูปเพื่อนคนที่13" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่14">ชื่อเพื่อนคนที่14</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่14"><img src="URL รูปเพื่อนคนที่14" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่15">ชื่อเพื่อนคนที่15</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่15"><img src="URL รูปเพื่อนคนที่15" border="0"></a></div></div>
<div style="float: left;width: 116px;text-align: center;">
<div style="width: 110px;"><a href="URL เพื่อนคนที่16">ชื่อเพื่อนคนที่16</a></div>
<div style="width: 100px; height: 100px;">
<a href="URL เพื่อนคนที่16"><img src="URL รูปเพื่อนคนที่16" border="0"></a></div></div>
</td></tr> </table></center>
โค้ดใส่ BG ให้รูป Top Friend hi5
<style type='text/css'>
.friend-picture div {background:url(ใส่ URl รูป) 65px 0px;padding:100px;}
.friend-picture div:hover {padding:0px;margin-left:-25px !important}
</style>
โค้ดใส่กรอบรูป top friends hi5
<style type='text/css'> .friend-picture {border-style: ชนิของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;} </style>
