Code Table,โค้ดกรอบ,code กรอบ,กรอบน่ารัก,กรอบคิตตี้,code กรอบใส่hi5,กรอบไดอารี่,กรอบบล๊อค,Code,Html,Javascript,Code Flash,microsoft java vitual machine,code c++,coding,codes,coded,java,java script,code java,โค้ดกรอบ

Sponser Link

Menu by Zalim

วิธีใส่โค๊ดในเว็บ

คำสั่งพื้นฐาน html

ใส่โค๊ด java หลาย script ในหน้าเดียวกัน

รวมโค้ดทั้งหมด

Code ใช้กับ hi5

บอร์ด ซาหลิ่มโค๊ด

♥ Code Table ♥

We have โค้ดกรอบ,โค้ดเทเบิ้ล,code table,กรอบน่ารัก,กรอบแต่งhi5,กรอบบล๊อค,กรอบแต่งไดอารี่,กรอบโบว์,กรอบแบบง่ายๆ โค้ดกรอบมากมาย รวมไว้ให้เพือนๆได้หัดทำนะค่ะ แถมยังมีCode,zip code,source code,code html,bar code,code asp,license code,code pro,code javascript,code of conduct,code asp net,code c++,code c,code flash,code web,colour code,code counter,lock code

มีกรอบน่ารักมากมาย ไว้แต่งได แต่งบล๊อค แต่ง hi5 ทั้งแบบกรอบง่ายๆ กรอบจิเวอรี่ กรอบลายการ์ตูน และยังมี register code,register code,register code,register code,register code,register code,code sql,revenue code,code 128,bianry code,qr code,qr code,qr code,qr code,qr code,qr code,qr code,qr code,qr code,qr code,qr code,qr code,hardware code,code 3,cod,sourcecode,coding,coded,java,java script,code java,java applet,sun java,java api,java application,java programming,java string,java swing,java class,java com,array java,java web

[ 1 ] | [ 2 ] | [ 3 ] | [ 4 ]

Code กรอบแบบมีสกอร์บาร์

text here!

<TABLE style="WIDTH: 350px; HEIGHT: 300px" borderColor=#000000 cellSpacing=30 cellPadding=3 align=center background=ใส่url รูป border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle>

<DIV style="SCROLLBAR-FACE-COLOR: #ใส่โค๊ดสี; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 350px; SCROLLBAR-SHADOW-COLOR: #ใส่โค๊ดสี; SCROLLBAR-ARROW-COLOR: #ใส่โค๊ดสี; HEIGHT: 300px">
<P dir=ltr align=center><FONT face=Arial><FONT size=2><STRONG><FONT face=Tahoma,Helvetica,Sans-Serif color=#ใส่โค๊ดสีตัวอักษร>พิมพ์ข้อความ!</FONT></STRONG></FONT></FONT></P></DIV></TD></TR></TBODY></TABLE>

ข้อมูลเพิ่มเติม

1. WIDTH: 350px; HEIGHT: 300px <-- กำหนดขนาดรูปภาพ

2. background=ใส่url รูป

3. WIDTH: 350px <--- กำหนดความกว้างความสูง ของสกอร์บาร์

HEIGHT: 300px

ดูโค้ดสี ได้จาก ---> คลิ๊กเพื่อดูโค้ดสี

แบบสำเร็จ สามารถก๊อบโค๊ดแล้วนำไปใช้ได้เลยค่ะ

<table height="500" cellspacing="0" cellpadding="0" width="489" align="center" background="http://i75.photobucket.com/albums/i309/mini-cat/fdiary/diary.gif" border="0">
<tbody>
<tr>
<td nowrap width="58" height="88"> </td>
<td width="420" height="88"> </td>
<td nowrap width="11" height="88"> </td></tr>
<tr>
<td nowrap width="58" height="317"> </td>
<td width="420" height="317">
<div style="scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow: auto; width: 420px; scrollbar-shadow-color: #ffffff; color: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #fe5f9c; scrollbar-darkshadow-color: #ffffff; height: 317px" align="center">
<p style="font-size: 12px; color: #fe5f9c" align="center">แก้ไขข้อความ</font></p>
<p style="font-size: 12px; color: #fe5f9c" align="center">Text Here</font></p></div></td>
<td nowrap width="11" height="317"> </td></tr>
<tr>
<td nowrap width="58" height="95"> </td>
<td width="420" height="95"> </td>
<td nowrap width="11" height="95"> </td></tr></tbody></table></font>

<TABLE height=292 cellSpacing=0 cellPadding=0 width=439 align=center background=http://i75.photobucket.com/albums/i309/mini-cat/fcat/fcat01.gif border=0>
<TBODY>
<TR>
<TD noWrap width=12 height=13> </TD>
<TD width=200 height=13> </TD>
<TD noWrap width=227 height=13> </TD></TR>
<TR>
<TD noWrap width=12 height=250> </TD>
<TD width=200 height=250>
<DIV style="SCROLLBAR-FACE-COLOR: #feebb6; SCROLLBAR-HIGHLIGHT-COLOR: #fed669; OVERFLOW: auto; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #feebb6; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #feebb6; SCROLLBAR-ARROW-COLOR: #fed669; SCROLLBAR-DARKSHADOW-COLOR: #fed669; HEIGHT: 250px" align=center><STRONG></STRONG>
<P style="FONT-SIZE: 12px; COLOR: #695519" align=center>แก้ไขข้อความ</FONT></P>
<P style="FONT-SIZE: 12px; COLOR: #695519" align=center>Text Here</FONT></P></DIV></TD>
<TD noWrap width=227 height=250> </TD></TR>
<TR>
<TD noWrap width=12 height=29> </TD>
<TD width=200 height=29> </TD>
<TD noWrap width=227 height=29> </TD></TR></TBODY></TABLE>

<TABLE height=339 cellSpacing=0 cellPadding=0 width=495 align=center background=http://i75.photobucket.com/albums/i309/mini-cat/fcat/fcat02.gif border=0>
<TBODY>
<TR>
<TD noWrap width=264 height=38> </TD>
<TD width=194 height=38> </TD>
<TD noWrap width=37 height=38> </TD></TR>
<TR>
<TD noWrap width=264 height=261> </TD>
<TD width=194 height=261>
<DIV style="SCROLLBAR-FACE-COLOR: #f9d448; SCROLLBAR-HIGHLIGHT-COLOR: #f9d448; OVERFLOW: auto; WIDTH: 194px; SCROLLBAR-SHADOW-COLOR: #f9d448; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #f9d448; SCROLLBAR-ARROW-COLOR: #d48917; SCROLLBAR-DARKSHADOW-COLOR: #f9d448; HEIGHT: 261px" align=center><STRONG></STRONG>
<P style="FONT-SIZE: 12px; COLOR: #695519" align=center>แก้ไขข้อความ</FONT></P>
<P style="FONT-SIZE: 12px; COLOR: #695519" align=center>Text Here</FONT></P></DIV></TD>
<TD noWrap width=37 height=261> </TD></TR>
<TR>
<TD noWrap width=264 height=40> </TD>
<TD width=194 height=40> </TD>
<TD noWrap width=37 height=40> </TD></TR></TBODY></TABLE>


	<TABLE style="WIDTH: 668px; HEIGHT: 154px" borderColor=#f57eb7 cellSpacing=0 cellPadding=0 align=center border=4> <TBODY> <TR align=middle> <TD bgColor=#ffffff> <P> </P> <DIV> <DIV>  <DIV align=center> <TABLE style="BORDER-RIGHT: #ff99cc 3px dashed; BORDER-TOP: #ff99cc 3px dashed; BORDER-LEFT: #ff99cc 3px dashed; WIDTH: 329px; BORDER-BOTTOM: #ff99cc 3px dashed; HEIGHT: 254px" height=254 cellSpacing=0 cellPadding=0 width=329 align=center background=http://img.photobucket.com/albums/v603/DragonKai/graphics%20I%20made/bunnyheart.gif border=0> <TBODY> <TR> <TD width=50 height=70></TD> <TD width=205 height=70></TD> <TD width=110 height=70></TD></TR> <TR> <TD width=50 height=90>                            </TD> <TD width=205 height=90> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <DIV align=center> <DIV style="SCROLLBAR-FACE-COLOR: #ff99cc; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #ff99cc; OVERFLOW: scroll; WIDTH: 150px; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ff99cc; HEIGHT: 84px"> <P><FONT face=Tahoma color=#ff2b95 size=2>พิมข้อความได้เยย</FONT></P> <P> </P></DIV></DIV></BLOCKQUOTE></TD> <TD width=110 height=90></TD></TR> <TR> <TD width=50 height=70></TD> <TD width=205 height=70></TD> <TD width=110 height=70><A title="This table was made by Kai" style="TEXT-DECORATION: none" href="http://spaces.msn.com/mini-punk-o8/" target=_blank><FONT face=Verdana color=#ffffff size=2></FONT></A></TD></TR></TBODY></TABLE></DIV></DIV>


	<TABLE style="WIDTH: 368px; HEIGHT: 175px" height=175 cellSpacing=1 cellPadding=0 width=368 background="http://img.photobucket.com/albums/v603/DragonKai/graphics I made/pinkpanther.gif" border=0> <TBODY> <TR> <TD width=360 height=175><FONT color=#d60056></FONT></TD></TR> <TR> <TD width=87 height=118></TD> <TD width=280 height=118> <DIV style="SCROLLBAR-FACE-COLOR: #000000; FLOAT: left; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 192px; SCROLLBAR-3DLIGHT-COLOR: #f535aa; SCROLLBAR-ARROW-COLOR: #f535aa; SCROLLBAR-BASE-COLOR: #f535aa; HEIGHT: 100px"> <P align=center><FONT color=#000000>พิมข้อความเยยงับ</FONT></P></DIV></TD> <TD width=13 height=118></TD></TR> <TR> <TD width=280 colSpan=2 height=0></TD></TR></TBODY></TABLE> <P>

<TABLE style="WIDTH: 268px; HEIGHT: 357px" borderColor=#ffffff height=362 cellSpacing=0 cellPadding=0 width=276 align=center background="http://img.photobucket.com/albums/v603/DragonKai/graphics I made/prettyladytab.gif" border=0>
<TBODY>
<TR>
<TD>
<P><STRONG> </STRONG></P>
<P><STRONG> </STRONG></P>
<P><STRONG> </STRONG></P>
<P><STRONG> </STRONG></P>
<DIV align=center><STRONG> </STRONG></DIV>
<DIV align=center><STRONG> </STRONG></DIV>
<DIV align=center><STRONG> </STRONG></DIV>
<TD width=364 height=113>
<P><STRONG></STRONG> </P>
<DIV align=left></DIV></TD></TR>
<TBODY>
<TR>
<TH>
<DIV align=right>  </DIV></TH>
<TH>
<P>     </P>
<P>       </P>
<DIV style="BORDER-RIGHT: #216dad 0px solid; BORDER-TOP: #216dad 0px solid; OVERFLOW-Y: scroll; SCROLLBAR-FACE-COLOR: #000000; FONT-SIZE: 12px; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #000000; OVERFLOW: auto; BORDER-LEFT: #216dad 0px solid; WIDTH: 175px; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ff99cc; BORDER-BOTTOM: #216dad 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #000000; HEIGHT: 80px">
<P><FONT color=#ff99cc size=1></FONT> </P>
<P><FONT color=#ff99cc size=1> <FONT size=2> พิมข้อความตรงนี้นะจร้ะ </FONT></FONT></P>
<P><FONT color=#ff99cc size=1></FONT> </P>
<P> </P>
<P><FONT color=#ff99cc size=1></FONT> </P>
<P> </P></DIV></TH>
<TH>
<P> </P></TH></TR>
<TR>
<TD rowSpan=2>
<DIV align=right><STRONG> </STRONG></DIV></TD>
<TD><STRONG>                      </STRONG></TD>
<TD>
<P><STRONG> </STRONG></P></TD></TR>
<TR>
<TD><STRONG></STRONG></TD>
<TD><STRONG></STRONG></TD></TR></TBODY>
<DIV align=center> </DIV></TABLE>

<DIV align=center>
<TABLE style="BORDER-RIGHT: #1c1c1c 6px dashed; BORDER-TOP: #1c1c1c 6px dashed; BORDER-LEFT: #1c1c1c 6px dashed; BORDER-BOTTOM: #1c1c1c 6px dashed" height=337 cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD background=http://i31.photobucket.com/albums/c359/Dek_PuNk/PunK-Comin9/Sign/punkvirgin05.gif height=270><FONT color=#4a3c31>.</FONT></A></TD></TR>
<TR>
<TD borderColor=#7b4931 bgColor=#363636 height=102>
<DIV style="SCROLLBAR-FACE-COLOR: #000000; LEFT: 306px; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 367px; SCROLLBAR-3DLIGHT-COLOR: #e8e8e8; SCROLLBAR-ARROW-COLOR: #b5b5b5; SCROLLBAR-BASE-COLOR: #e8e8e8; HEIGHT: 154px">
<P><B><FONT face=Verdana color=#ffffff size=2>ข้อความตรงนี้</FONT></B></P>
<P><B><FONT face=Verdana color=#ffffff size=2><FONT size=+0></B></P></DIV></FONT></FONT></TD></TR></TBODY></TABLE></DIV>



<DIV> <TABLE height=468 cellSpacing=0 cellPadding=0 width=322 background=http://tinypic.com/iv8fgw.gif border=0> <TBODY> <TR> <TD width=90 height=85></TD> <TD width=240 height=85></TD> <TD width=120 height=237 rowSpan=2></TD></TR> <TR> <TD width=100 height=152> </TD> <TD width=230 height=152></TD></TR> <TR> <TD width=90 height=58> <DIV style="SCROLLBAR-FACE-COLOR: #ff6699; LEFT: 306px; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 314px; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 131px"> <P align=center><FONT face="Verdana, Geneva, Arial, Sans-serif" color=#ff6ab5>พิมข้อความ</FONT></P></DIV></TD> <TD width=230 height=58></TD> <TD width=120 height=58></TD></TR></TBODY></TABLE></DIV>


	<DIV> <TABLE height=395 cellSpacing=0 cellPadding=0 width=353 background=http://tinypic.com/k2ck1k.gif border=0> <TBODY> <TR> <TD width=85 height=85></TD> <TD width=231 height=85></TD> <TD width=96 height=237 rowSpan=2></TD></TR> <TR> <TD width=85 height=152> </TD> <TD width=231 height=152> <DIV style="SCROLLBAR-FACE-COLOR: #ff33cc; LEFT: 306px; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 226px; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 194px"> <P align=center><FONT color=#ff00ff><STRONG>พิมข้อความ</STRONG></FONT></P></DIV></TD></TR> <TR> <TD width=85 height=58></TD> <TD width=231 height=58></TD> <TD width=96 height=58></TD></TR></TBODY></TABLE></DIV>

<TABLE style="WIDTH: 306px; HEIGHT: 311px" height=311 cellPadding=0 width=306 align=center background=http://i1.tinypic.com/o0nd39.png border=0>
<TBODY>
<TR>
<TD width=23 height=10>
<TD width=194 height=10>
<P> </P>
<P> </P>
<P> </P>
<TD width=25 height=10>
<P> </P></TD></TR>
<TR>
<TD width=23 height=157>
<TD vAlign=top width=194 height=157>
<TD width=25 height=153></TD></TR>
<TR>
<TD width=23 height=66></TD>
<TD width=194 height=66>
<P> </P>
<P> </P></TD>
<TD width=25 height=66>
<DIV style="SCROLLBAR-FACE-COLOR: #c37878; LEFT: 306px; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 288px; SCROLLBAR-3DLIGHT-COLOR: #c37878; SCROLLBAR-ARROW-COLOR: #5a2d3c; SCROLLBAR-BASE-COLOR: #c37878; HEIGHT: 44px">
<P align=center><FONT color=#ffffff>พิมข้อความได้เรย</FONT></P></DIV></TD></TR></TBODY></TABLE>

<DIV align=center>
<TABLE height=300 width=392 border=0>
<TBODY>
<TR>
<TD width=454 background="http://i14.photobucket.com/albums/a308/pretty_little_22/blog animations/image_222496.gif" height=299> </TD></TR>
<TR>
<TD style="BORDER-RIGHT: #d79115 5px ridge; BORDER-TOP: #d79115 5px ridge; BORDER-LEFT: #d79115 5px ridge; BORDER-BOTTOM: #d79115 5px ridge" width=454 bgColor=#afc5d4 height=128>
<DIV style="SCROLLBAR-FACE-COLOR: #a56a05; FLOAT: left; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffcc00; SCROLLBAR-ARROW-COLOR: #ffcc00; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #ffcc00; HEIGHT: 121px">
<P align=center><STRONG><FONT color=#993366> พิมข้อความได้เยย</FONT></STRONG></P></DIV></TD></TR></TBODY></TABLE>