กรอบสี+โค๊ดค่ะ
สีของ background สามารถเปลี่ยนได้ค่ะ
ขอบคุณโค๊ดกรอบสำเร็จรูปจากบล็อก คุณ lozocat
ชุดที่ 1
| | |
|
........................ใส่ข้อความตรงนี้..........................
| |
| | |
<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/6-1.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/6-2.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/6-3.gif" border="0" ></td></tr><tr><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/6-4.gif'); width: 9px; height: 30px"></td>
<td align="center" valign="middle" style="background:#ff7fbf">
ใส่ข้อความตรงนี้
</td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/6-5.gif'); width: 9px; height: 30px"></td></tr><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/6-6.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/6-7.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/6-8.gif" border="0" ></td></tr></tbody></table>
ชุดที่ 2
| | |
|
........................ใส่ข้อความตรงนี้..........................
| |
| | |
<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/7-1.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/7-2.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/7-3.gif" border="0" ></td></tr><tr><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/7-4.gif'); width: 9px; height: 30px"></td>
<td align="center" valign="middle" style="background:#f20000">
ใส่ข้อความ
</td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/7-5.gif'); width: 9px; height: 30px"></td></tr><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/7-6.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/7-7.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/7-8.gif" border="0" ></td></tr></tbody></table>
ชุดที่ 3
| | |
|
........................ใส่ข้อความตรงนี้..........................
| |
| | |
<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/8-1.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/8-2.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/8-3.gif" border="0" ></td></tr><tr><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/8-4.gif'); width: 9px; height: 30px"></td>
<td align="center" valign="middle" style="background:#ff9900">
ใส่ข้อความ
</td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/8-5.gif'); width: 9px; height: 30px"></td></tr><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/8-6.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/8-7.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/8-8.gif" border="0" ></td></tr></tbody></table>
ชุดที่ 4
| | |
|
........................ใส่ข้อความตรงนี้..........................
| |
| | |
<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/9-1.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/9-2.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/9-3.gif" border="0" ></td></tr><tr><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/9-4.gif'); width: 9px; height: 30px"></td>
<td align="center" valign="middle" style="background:#ff9900">
ใส่ข้อความ
</td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/9-5.gif'); width: 9px; height: 30px"></td></tr><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/9-6.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/9-7.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/9-8.gif" border="0" ></td></tr></tbody></table>
ชุดที่ 5
| | |
|
........................ใส่ข้อความตรงนี้..........................
| |
| | |
<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/10-1.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/10-2.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/10-3.gif" border="0" ></td></tr><tr><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/10-4.gif'); width: 9px; height: 30px"></td>
<td align="center" valign="middle" style="background:#0077ff">
ใส่ข้อความ
</td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/10-5.gif'); width: 9px; height: 30px"></td></tr><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/10-6.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/10-7.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/10-8.gif" border="0" ></td></tr></tbody></table>
ชุดที่ 6
| | |
|
........................ใส่ข้อความตรงนี้..........................
| |
| | |
<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/11-1.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/11-2.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/11-3.gif" border="0" ></td></tr><tr><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/11-4.gif'); width: 9px; height: 30px"></td>
<td align="center" valign="middle" style="background:#ffb2d8">
ใส่ข้อความ
</td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/11-5.gif'); width: 9px; height: 30px"></td></tr><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/11-6.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/11-7.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/11-8.gif" border="0" ></td></tr></tbody></table>
ชุดที่ 7
| | |
|
........................ใส่ข้อความตรงนี้..........................
| |
| | |
<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/12-1.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/12-2.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/12-3.gif" border="0" ></td></tr><tr><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/12-4.gif'); width: 9px; height: 30px"></td>
<td align="center" valign="middle" style="background:#000000">
ใส่ข้อความ
</td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/12-5.gif'); width: 9px; height: 30px"></td></tr><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/12-6.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/12-7.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/12-8.gif" border="0" ></td></tr></tbody></table>
ชุดที่ 8
| | |
|
........................ใส่ข้อความตรงนี้..........................
| |
| | |
<table border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/13-1.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/13-2.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/13-3.gif" border="0" ></td></tr><tr><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/13-4.gif'); width: 9px; height: 30px"></td>
<td align="center" valign="middle" style="background:#ffffff">
ใส่ข้อความ
</td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/13-5.gif'); width: 9px; height: 30px"></td></tr><tr><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/13-6.gif" border="0" ></td><td align="center" valign="middle" style="background-image: url('//i89.photobucket.com/albums/k204/anutta/table-lek/13-7.gif'); width: 30px; height: 9px"></td><td align="center" valign="middle" style="width: 10px; height: 10px"><img src="//i89.photobucket.com/albums/k204/anutta/table-lek/13-8.gif" border="0" ></td></tr></tbody></table>