แบบที่ 3 ...แบบรูปสี่เหลี่ยม... เพื่อน 32 คน
โค๊ด:
<table width="0" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="72" height="74" scope="col"><table width="0" border="0" cellspacing="0">
<tr>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 1"><img src="URLรูปเพื่อนคนที่ 1 " width="36" height="37" border="0" /></a></td>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 2"><img src="URLรูปเพื่อนคนที่ 2 " width="36" height="37" border="0" /></a></td>
</tr>
<tr>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 3"><img src="URLรูปเพื่อนคนที่ 3" width="36" height="37" border="0" /></a></td>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 4"><img src="URLรูปเพื่อนคนที่ 4" width="36" height="37" border="0" /></a></td>
</tr>
</table></th>
<th width="72" height="74" scope="col"><table width="0" border="0" cellspacing="0">
<tr>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 5"><img src="URLรูปเพื่อนคนที่ 5" width="36" height="37" border="0" /></a></td>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 6"><img src="URLรูปเพื่อนคนที่ 6" width="36" height="37" border="0" /></a></td>
</tr>
<tr>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 7"><img src="URLรูปเพื่อนคนที่ 7" width="36" height="37" border="0" /></a></td>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 8"><img src="URLรูปเพื่อนคนที่ 8" width="36" height="37" border="0" /></a></td>
</tr>
</table></th>
<th width="72" height="74" scope="col"><table width="0" border="0" cellspacing="0">
<tr>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 9"><img src="URLรูปเพื่อนคนที่ 9" width="36" height="37" border="0" /></a></td>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 10"><img src="URLรูปเพื่อนคนที่ 10" width="36" height="37" border="0" /></a></td>
</tr>
<tr>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 11"><img src="URLรูปเพื่อนคนที่ 11" width="36" height="37" border="0" /></a></td>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 12"><img src="URLรูปเพื่อนคนที่ 12" width="36" height="37" border="0" /></a></td>
</tr>
</table></th>
</tr>
<tr>
<td width="72" height="74"><table width="0" border="0" cellspacing="0">
<tr>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 13"><img src="URLรูปเพื่อนคนที่ 13" width="36" height="37" border="0" /></a></td>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 14"><img src="URLรูปเพื่อนคนที่ 14" width="36" height="37" border="0" /></a></td>
</tr>
<tr>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 15"><img src="URLรูปเพื่อนคนที่ 15" width="36" height="37" border="0" /></a></td>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 16"><img src="URLรูปเพื่อนคนที่ 16" width="36" height="37" border="0" /></a></td>
</tr>
</table></td>
<td width="72" height="74" align="center" valign="middle"><img src="URL รูปอะไรก็ได้ 70*70" width="70" height="70" /></td>
<td width="72" height="74"><table width="0" border="0" cellspacing="0">
<tr>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 18"><img src="URLรูปเพื่อนคนที่ 18" width="36" height="37" border="0" /></a></td>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 19"><img src="URLรูปเพื่อนคนที่ 19" width="36" height="37" border="0" /></a></td>
</tr>
<tr>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 20"><img src="URLรูปเพื่อนคนที่ 20" width="36" height="37" border="0" /></a></td>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 21"><img src="URLรูปเพื่อนคนที่ 21" width="36" height="37" border="0" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td width="72" height="74"><table width="0" border="0" cellspacing="0">
<tr>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 22"><img src="URLรูปเพื่อนคนที่ 22" width="36" height="37" border="0" /></a></td>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 23"><img src="URLรูปเพื่อนคนที่ 23" width="36" height="37" border="0" /></a></td>
</tr>
<tr>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 24"><img src="URLรูปเพื่อนคนที่ 24" width="36" height="37" border="0" /></a></td>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 25"><img src="URLรูปเพื่อนคนที่ 25" width="36" height="37" border="0" /></a></td>
</tr>
</table></td>
<td width="72" height="74"><table width="0" border="0" cellspacing="0">
<tr>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 26"><img src="URLรูปเพื่อนคนที่ 26" width="36" height="37" border="0" /></a></td>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 27"><img src="URLรูปเพื่อนคนที่ 27" width="36" height="37" border="0" /></a></td>
</tr>
<tr>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 28"><img src="URLรูปเพื่อนคนที่ 28" width="36" height="37" border="0" /></a></td>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 29"><img src="URLรูปเพื่อนคนที่ 29" width="36" height="37" border="0" /></a></td>
</tr>
</table></td>
<td width="72" height="74"><table width="0" border="0" cellspacing="0">
<tr>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 30"><img src="URLรูปเพื่อนคนที่ 30" width="36" height="37" border="0" /></a></td>
<td width="36" height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 31"><img src="URLรูปเพื่อนคนที่ 31" width="36" height="37" border="0" /></a></td>
</tr>
<tr>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 32"><img src="URLรูปเพื่อนคนที่ 32" width="36" height="37" border="0" /></a></td>
<td height="37" scope="col"><a href="URL Hi5 เพื่อนคนที่ 17"><img src="URLรูปเพื่อนคนที่ 17" width="36" height="37" border="0" /></a></td>
</tr>
</table></td>
</tr>
</table>
แบบที่ 4 ...แบบรูปหัวใจมีพื้นหลัง ... เพื่อน 32 คน
โค๊ด:
<style type="text/css">
<!--
.new {
height: 400px;
width: 400px;
background-image: url(URL BG);
background-repeat: no-repeat;
clear: none;
float: none;
}
-->
</style>
<div class="new">
<p> </p>
<table width="342" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="36" scope="col"> </td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 1"><img src="URLรูปเพื่อนคนที่ 1 " width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 2"><img src="URLรูปเพื่อนคนที่ 2" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 3"><img src="URLรูปเพื่อนคนที่ 3" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 4"><img src="URLรูปเพื่อนคนที่ 4" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"> </td>
</tr>
<tr>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 5"><img src="URLรูปเพื่อนคนที่ 5" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 6"><img src="URLรูปเพื่อนคนที่ 6" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 7"><img src="URLรูปเพื่อนคนที่ 7" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 8"><img src="URLรูปเพื่อนคนที่ 8" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 9"><img src="URLรูปเพื่อนคนที่ 9" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 10"><img src="URLรูปเพื่อนคนที่ 10" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 11"><img src="URLรูปเพื่อนคนที่ 11" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 12"><img src="URLรูปเพื่อนคนที่ 12" width="36" height="37" border="0" /></a></td>
</tr>
<tr>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 13"><img src="URLรูปเพื่อนคนที่ 13" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 14"><img src="URLรูปเพื่อนคนที่ 14" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 15"><img src="URLรูปเพื่อนคนที่ 15" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 16"><img src="URLรูปเพื่อนคนที่ 16" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 17"><img src="URLรูปเพื่อนคนที่ 17" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 18"><img src="URLรูปเพื่อนคนที่ 18" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 19"><img src="URLรูปเพื่อนคนที่ 19" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 20"><img src="URLรูปเพื่อนคนที่ 20" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 21"><img src="URLรูปเพื่อนคนที่ 21" width="36" height="37" border="0" /></a></td>
</tr>
<tr>
<td width="36" scope="col"> </td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 22"><img src="URLรูปเพื่อนคนที่ 22" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 23"><img src="URLรูปเพื่อนคนที่ 23" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 24"><img src="URLรูปเพื่อนคนที่ 24" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 25"><img src="URLรูปเพื่อนคนที่ 25" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 26"><img src="URLรูปเพื่อนคนที่ 26" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 27"><img src="URLรูปเพื่อนคนที่ 27" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 28"><img src="URLรูปเพื่อนคนที่ 28" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"> </td>
</tr>
<tr>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 29"><img src="URLรูปเพื่อนคนที่ 29" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 30"><img src="URLรูปเพื่อนคนที่ 30" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 31"><img src="URLรูปเพื่อนคนที่ 31" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 32"><img src="URLรูปเพื่อนคนที่ 32" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 33"><img src="URLรูปเพื่อนคนที่ 33" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
</tr>
<tr>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 34"><img src="URLรูปเพื่อนคนที่ 34" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 35"><img src="URLรูปเพื่อนคนที่ 35" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 36"><img src="URLรูปเพื่อนคนที่ 36" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
</tr>
<tr>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"><a href="URL Hi5 เพื่อนคนที่ 37"><img src="URLรูปเพื่อนคนที่ 37" width="36" height="37" border="0" /></a></td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
<td width="36" scope="col"> </td>
</tr>
</table></div>
