แจกโค้ดกรอบรูปhi5,โค้ดกรอบรูปแต่งhi5,โค้ดกรอบน่ารักๆโค้ดกรอบคอมเม้น,โค้ดกรอบรูปเพื่อนคอมเม้น,โค้ดกรอบรูปโปรไฟล์,กรอบhi5,โค้ดกรอบรูป,กรอบลูกไม้,กรอบหัวใจ,โค้ดกรอบสำเร็จ,Code Table,โค้ดกรอบ,วิธีทำรูปใส่กรอบ,Code table html



โค้ดกรอบรูปhi5,โค้ดกรอบต่างๆ,Code table

      แจกโค้ดกรอบรูปhi5,โค้ดกรอบรูปแต่งhi5,โค้ดกรอบน่ารักๆโค้ดกรอบคอมเม้น,โค้ดกรอบรูปเพื่อนคอมเม้น,โค้ดกรอบรูปโปรไฟล์,กรอบhi5,โค้ดกรอบรูป,กรอบลูกไม้,กรอบหัวใจ,โค้ดกรอบสำเร็จ,Code Table,โค้ดกรอบ,วิธีทำรูปใส่กรอบ,Code table html. We have โค้ดกรอบ,โค้ดเทเบิ้ล,code table,กรอบน่ารัก,กรอบแต่งhi5,กรอบบล๊อค,กรอบแต่งไดอารี่,กรอบโบว์,กรอบแบบง่ายๆ โค้ดกรอบมากมาย รวมไว้ให้เพือนๆได้หัดทำนะค่ะ มีกรอบน่ารักมากมาย ไว้แต่งได แต่งบล๊อค แต่ง hi5 ทั้งแบบกรอบง่ายๆ กรอบจิเวอรี่ กรอบลายการ์ตูน

[ 1 ]| [ 2 ] | [ 3 ]|[ 4 ] |โค้ดกรอบน่ารักอีกมากมายที่นี้ (ในบอร์ดมีแจกมากมาย)

โค้ดทำกรอบน่ารักๆแบบเก๋ๆ ใช้รูป 8 รูปมาต่อๆกัน (Table Code)

โค้ดทำกรอบน่ารักๆแบบเก๋ๆ ใช้รูป 8 รูปมาต่อๆกัน (Table Code)


<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<img src="ใส่ URL รูป เส้นที่ 1" border="0" width="ความยาว" height="ความสูง">
</td>
<td align="center" style="background-image: url("ใส่ URL รูป เส้นที่ 2"); border="0">
</td>
<td>
<img src="ใส่ URL รูป เส้นที่ 3" border="0" width="ความยาว" height="ความสูง">
</td>
</tr>
<tr>
<td align="center" style="background-image: url("ใส่ URL รูป เส้นที่ 4"); border="0">
</td>
<td style="background:โค้ดสีบีจีภายในกรอบ">
<center>ใส่รายละเอียดที่ต้องการที่นี่ค่ะ</center>
</td>
<td align="center" style="background-image: url("ใส่ URL รูป เส้นที่ 5"); border="0">
</td>
</tr>
<tr>
<td>
<img src="ใส่ URL รูป เส้นที่ 6" border="0" width="ความยาว" height="ความสูง">
</td>
<td align="center" style="background-image: url("ใส่ URL รูป เส้นที่ 7"); border="0">
</td>
<td>
<img src="ใส่ URL รูป เส้นที่ 8" border="0" width="ความยาว" height="ความสูง">
</td>
</tr>
</table>



การอธิบายโค๊ด

100% = ลดขนาดกรอบให้เล็กลง ก็ลดตัวเลข

ความสูง = ดูรูปที่เรานำมาทำกรอบ เป็นจำนวนพิกเซล

ความยาว = ดูรูปที่เรานำมาทำกรอบ เป็นจำนวนพิกเซล

<td style="background: โค้ดสีบีจีภายในกรอบ"> = ส่วนมากจะเป็นสีขาว ( white ) หรือ สีดำ ( black )
ถ้ารูปที่นำมาทำเป็นพื้นหลังใส ใส่สีอะไรก็ได้ กะให้เหมาะสมกัน

<center>ใส่รายละเอียด</center> = ตัวหนังสืออยู่ตรงกลาง
ถ้าไม่อยากให้อยู่ตรงกลาง ก็เอา <center> และ </center> ออกค่ะ

ใส่ URL รูป เส้นที่... = ดูเส้นที่จะทำตามนี้ค่ะ



ก่อนนำโค้ดไปลงในบล็อค อย่าลืมทำโค้ดให้เป็นแถวเดียวกันก่อนนะคะ
ใส่รายละเอียดขึ้นวรรคใหม่ ให้กด Enter หรือ <br> ค่ะ

บทความดีดี จาก

Paradijs แห่ง bloggang

1.Code กรอบ: แบบ Fieldset Box

Fieldset Box

ลักษณะเหมือนกรอบที่เห็นอยู่คะ
Code



<fieldset>ใส่รายละเอียดที่นี่</fieldset>



Code



<fieldset><legend>Title</legend>ใส่รายละเอียดที่นี่</fieldset>



Code



<fieldset style="border:1px solid #FF0000; padding:10;"><legend align="left"><font color=" #FF0000">Title</font></legend><font color=" #FF0000"><p align="center (left, right) ">ใส่รายละเอียดที่นี่</p></font></fieldset>

style="border: hotpink 5px double">
2.Code กรอบ : การทำกรอบแบบง่ายๆ

กรอบลายประ

<div style="border: 3px dashed #f08080;background-color:#FFFFE0">เขียนตรงนี้เลยจิ</div>

 

เขียนข้อความ

กรอบลายจุด

<table width=90% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;"><font size="1">เขียนตรงนี้เลย</td></tr></table>

เขียนข้อความ

กรอบแบบสแตมป์

<table width=90% style="border:3px dashed plum;" cellspacing="5" bgcolor="plum" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white">พิมพ์ไปเลยตรงนี้</td></tr></table>

เขียนข้อความ

กรอบสีแบบคิกขุ

<table width=90% cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;">เต็มที่เลยตรงนี้</td></tr></table>

เขียนข้อความ

กรอบชมพูหวาน ๆ

<table width=90% style="border:1px dashed #ffaacc;" cellspacing="5" bgcolor="#ffaacc" cellpadding="5"><tr><td style="border:1px dashed white;" bgcolor="white">คำที่ต้องการเขียน</td></tr></table>

เขียนข้อความ

กรอบสีส้มอ่อน

<table width=90% style="border:1px dashed #ffaa77;" cellspacing="5" bgcolor="#ffaa77" cellpadding="5"><tr><td style="border:1px dashed white;"bgcolor="white">คำที่ต้องการเขียน</td></tr></table>

เขียนข้อความ

กรอบ มี มิติ สีเหลือง

<table width=90% cellpadding="4" cellspacing="1" style="border:1px solid #dcdc77;"><tr><td bgcolor="#dcdc77"style="border-style:solid;border-width:4px;border-color:#dcdc77 gray gray #dcdc77;">คำที่ต้องการเขียน</td></tr></table>

เขียนข้อความ

กรอบ สีเขียวใบไม้

<table width=90% style="border:1px dashed #00aa77;" cellspacing="5" bgcolor="#00aa77" cellpadding="5"><tr><td style="border:1px dashed white;"bgcolor="white">คำที่ต้องการเขียน</td></tr></table>

เขียนข้อความ

กรอบแสตมป์ สีน้ำเงิน

<table width=90% style="border:3px dashed #123654;" cellspacing="5" bgcolor=" #123654" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white">พิมพ์ไปเลยตรงนี้</td></tr></table>

พิมพ์ข้อความ

กรอบแสดมป์ 2 สี

<table width=90% style="border:3px dashed #789562;" cellspacing="5" bgcolor=" #789562" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white">พิมพ์ไปเลยตรงนี้</td></tr></table>

พิมพ์ข้อความ

 

กรอบสีม่วง 4 เส้น

<table width=90% cellpadding="6" cellspacing="2" style="border:double 5px #9900FF,"><tr><td style="border:double 5px #9900FF;">เต็มที่เลยตรงนี้</td></tr></table>

พิมพ์ข้อความ

กรอบสีน้ำตาล

<table width=90% style="border:3px dashed IndianRed;" cellspacing="5" bgcolor="IndianRed" cellpadding="5"><tr><td style="border:3px dashed "IndianRed;" bgcolor="Wheat">พิมพ์ไปเลยตรงนี้</td></tr></table>

พิมพ์ข้อความ

กรอบเส้นประ พื้นเขียว

<table width=90% style="border:3px dashed #005483;" cellspacing="5" bgcolor=" #005483" cellpadding="5"><tr><td ><div style="border: 3px dashed #33FF00;background-color:#CCFF66">เขียนตรงนี้เลยจิ</div></td></tr></table>

เขียนตรงนี้เลยจิ

กรอบจุด ๆ สีเขียว

<table width=90% style="border:3px dashed #005483;" cellspacing="5" bgcolor=" #005483" cellpadding="5"><tr><td ><div style="border: 5px dotted #33FF00;background-color:#000000">เขียนตรงนี้เลยจิ</div></td></tr></table>

พิมพ์ข้อความ

กรอบจุดกลม ๆ สีม่วง

<table width=90% style="border:3px dashed #005483;" cellspacing="5" bgcolor=" #005483" cellpadding="5"><tr><td ><div style="border: 6px dotted #9900FF;background-color:#ffffff">เขียนตรงนี้เลยจิ</div></td></tr></table>

พิมพ์ข้อความ

กรอบชมพู + ใส่พื้นหลัง

<table width=90% cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;" background =url พื้นในกรอบ >เต็มที่เลยตรงนี้</td></tr></table>

 

พิมพ์ข้อความ

 

กรอบสีชมพูเส้นปะ + ใส่พื้นหลัง

<table width=90% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;" background=url พื้นในกรอบ> <font size="1">text here text here</div></td></tr></table>

text here text here

กรอบสีส้ม + พื้นสีส้มลายอิฐ

<table width=90% style="border:3px dashed #FF6600;" cellspacing="5" bgcolor="#FF6600" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white" background=http://diary.yenta4.com/diary_folder/53229/53229_uploaded/BG/bk64r-05.gif>พิม</td></tr></table>

พิมพ์ข้อความ

กรอบสีขาว + พื้นสีเขียวอิฐ

<table width=90% style="border:3px dashed ForestGreen;" cellspacing="5" bgcolor="ForestGreen" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white" background=http://diary.yenta4.com/diary_folder/53229/53229_uploaded/BG/bk64r-06.gif>พิม</td></tr></table>

พิมพ์ข้อความ

กรอบสีม่วง + พื้นทีม่วงลายอิฐ

<table width=90% style="border:3px dashed #A020F0;" cellspacing="5" bgcolor="#A020F0" cellpadding="5"><tr><td style="border:3px dashed white;" gcolor="white" background=http://diary.yenta4.com/diary_folder/53229/53229_uploaded/BG/bk64r-10.gif>พิม</td></tr></table>

พิมพ์ข้อความ

 

หมายเหตุ

background =url รูปภาพ <-- สามารถเปลี่ยน Url ภาพbg ได้ด้วยภาพที่เราต้องการจะใส่ได้เลยค่ะ ลองหัดทำดูนะค่ะ

อยากจะเปลี่ยนสีกรอบ ก็สามารถ หาโค๊ดสี ได้จาก -- - > คลิ๊กเพื่อหาโค้ดสี