Bloggang.com : lozocat - โคดกรอบสำเร็จรูปแบบเก๋ๆ7

โคดกรอบสำเร็จรูปแบบเก๋ๆ7

สวัสดีค่ะ เอากรอบเทเบิ้ล(table)แบบเก๋ๆมาฝากค่ะ
โคดที่เห็นสามารถนำไปวางที่ProfileหรือScript areaก็ได้ค่ะ
ความยาวxความกว้างจัดมาให้เรียบร้อย ปอลอ.ยังมีอีกเยอะ
ไว้จะทยอยลงเรื่อยๆค่ะ(เป็นการฝึกหัดเขียนโคดไปด้วย)
ขอบคุณสำหรับทุกๆคอมเม้นด้วยค่ะ...

Create Date : 06 พฤศจิกายน 2550
Last Update : 6 พฤศจิกายน 2550 9:17:27 น.
Counter : 2872 Pageviews.

12 comments

ขนาดของความกว้างให้ดูที่ 100% ตัวแรกค่ะ

สามารถลดให้เหลือ80%-90%แล้วแต่ชอบ.

โดย: lozocat

วันที่: 6 พฤศจิกายน 2550 เวลา:9:33:22 น.

<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"><tbody><tr><td align="center" valign="bottom" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n3-1.gif" border="0" alt="lozocat" /></td><td align="center" valign="bottom"><table border="0" cellspacing="0" cellpadding="0" width="100%" background="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n3-2.gif"> <tbody><tr> <td><img src="" border="0" width="1" height="15" /></td> </tr> </tbody></table></td><td align="center" valign="bottom" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n3-3.gif" border="0" alt="lozocat" /></td></tr><tr><td align="center" valign="bottom" style="width: 15px; background-image: url('//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n3-8.gif')"> </td><td align="center" valign="middle" style="background-color: #ffffff">เขียนข้อความ</td><td align="center" valign="bottom" style="width: 15px; background-image: url('//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n3-4.gif')"></td></tr><tr><td align="center" valign="middle" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n3-7.gif" border="0" alt="lozocat" /></td><td align="center" valign="bottom"><table border="0" cellspacing="0" cellpadding="0" width="100%" background="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n3-6.gif"> <tbody><tr> <td><img src="" border="0" width="1" height="15" /></td> </tr> </tbody></table></td><td align="center" valign="bottom" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n3-5.gif" border="0" alt="lozocat" /></td></tr></tbody></table>

<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"><tbody><tr><td align="center" valign="bottom" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n2-1.gif" border="0" alt="lozocat" /></td><td align="center" valign="bottom"><table border="0" cellspacing="0" cellpadding="0" width="100%" background="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n2-2.gif"> <tbody><tr> <td><img src="" border="0" width="1" height="15" /></td> </tr> </tbody></table></td><td align="center" valign="bottom" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n2-3.gif" border="0" alt="lozocat" /></td></tr><tr><td align="center" valign="bottom" style="width: 15px; background-image: url('//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n2-8.gif')"> </td><td align="center" valign="middle" style="background-color: #F0F5FB">เขียนข้อความ</td><td align="center" valign="bottom" style="width: 15px; background-image: url('//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n2-4.gif')"></td></tr><tr><td align="center" valign="middle" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n2-7.gif" border="0" alt="lozocat" /></td><td align="center" valign="bottom"><table border="0" cellspacing="0" cellpadding="0" width="100%" background="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n2-6.gif"> <tbody><tr> <td><img src="" border="0" width="1" height="15" /></td> </tr> </tbody></table></td><td align="center" valign="bottom" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n2-5.gif" border="0" alt="lozocat" /></td></tr></tbody></table>

<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"><tbody><tr><td align="center" valign="bottom" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n1-1.gif" border="0" alt="lozocat" /></td><td align="center" valign="bottom"><table border="0" cellspacing="0" cellpadding="0" width="100%" background="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n1-2.gif"> <tbody><tr> <td><img src="" border="0" width="1" height="15" /></td> </tr> </tbody></table></td><td align="center" valign="bottom" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n1-3.gif" border="0" alt="lozocat" /></td></tr><tr><td align="center" valign="bottom" style="width: 15px; background-image: url('//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n1-8.gif')"> </td><td align="center" valign="middle" style="background-color: #FFEFE1">เขียนข้อความ</td><td align="center" valign="bottom" style="width: 15px; background-image: url('//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n1-4.gif')"></td></tr><tr><td align="center" valign="middle" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n1-7.gif" border="0" alt="lozocat" /></td><td align="center" valign="bottom"><table border="0" cellspacing="0" cellpadding="0" width="100%" background="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n1-6.gif"> <tbody><tr> <td><img src="" border="0" width="1" height="15" /></td> </tr> </tbody></table></td><td align="center" valign="bottom" style="width: 15px; height: 15px"><img src="//i194.photobucket.com/albums/z118/bondslozo/table/table-7/table-n1-5.gif" border="0" alt="lozocat" /></td></tr></tbody></table>