Bloggang.com : kunyawat :

ผ้าห่อตัว...(codeกรอบ)

*เนื้อหาทั้งหมดได้นำมาจาก//www.zalim-code.com ค่ะ

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>

2.Code กรอบ : การทำกรอบแบบง่ายๆ

1. กรอบลายประ

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

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

2. กรอบลายจุด

<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>

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

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

<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>

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

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

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

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

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

<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>

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

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

<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>

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

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

<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>

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

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

<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>

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

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

<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>

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

10. กรอบแสดมป์ 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>

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

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

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

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

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

<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>

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

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

<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>

พิิมข้อความ

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

<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>

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

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

<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>

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

16. กรอบชมพู + พื้นสีฟ้า

<table width=90% cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;" background =//www.yenta4.com/webboard/upload_images/81631_688240.gif>เต็มที่เลยตรงนี้</td></tr></table>

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

17. กรอบสีชมพู + พื้นชมพู

text here text here

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

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

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

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

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

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

21. กรอบชมพู + พื้นเทาลายจุด

<table width=90% cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;" background=//www.everydayicons.jp/tablecloth/pattern/PE02-1.gif>เต็มที่เลยตรงนี้</td></tr></table>

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

22. กรอบชมพู + พื้นเทาลายดาว

<table width=90% cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;" background=//www.everydayicons.jp/tablecloth/pattern/PE05-2.gif>เต็มที่เลยตรงนี้</td></tr></table>

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

23. กรอบชมพู + พื้นขาวลายจุด

<table width=90% cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;" background=//www.everydayicons.jp/tablecloth/pattern/PE03-1.gif>เต็มที่เลยตรงนี้</td></tr></table>

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

24. กรอบชมพู + พื้นดำลายดาว

<table width=90% cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;" background=//www.everydayicons.jp/tablecloth/pattern/PE05-3.gif>เต็มที่เลยตรงนี้</td></tr></table>

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

25. กรอบชมพู + พื้นฟ้าลายดาว

<table width=90% cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;" background=//www.everydayicons.jp/tablecloth/pattern/PE05-1.gif>เต็มที่เลยตรงนี้</td></tr></table>

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

26. กรอบชมพู + พื้นขาวลายชมพู

<table width=90% cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;" background=//www.everydayicons.jp/tablecloth/pattern/PE08-4.gif>เต็มที่เลยตรงนี้</td></tr></table>

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

27. กรอบจุด + พื้นขาวลายน่ารัก

<table width=90% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;" background=//www.everydayicons.jp/tablecloth/pattern/PE35-3.gif><font size="1">เขียน</td></tr></table>

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

28. กรอบจุด + พื้นขาวลายน่ารัก 2

<table width=90% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;" background=//www.everydayicons.jp/tablecloth/pattern/PE35-1.gif><font size="1">เขียน</td></tr></table>

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

29. กรอบจุด + พื้นขาวลายน่ารัก 3

<table width=90% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;" background=//www.everydayicons.jp/tablecloth/pattern/PE33-1.gif><font size="1">เขียน</td></tr></table>

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

30. กรอบจุด + พื้นขาวลายน่ารัก 4

<table width=90% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;" background=//www.everydayicons.jp/tablecloth/pattern/PE33-3.gif><font size="1">เขียน</td></tr></table>

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

31. กรอบจุด + พื้นขาวลายน่ารัก 5

<table width=90% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;" background=//www.everydayicons.jp/tablecloth/pattern/PE29-3.gif><font size="1">เขียน</td></tr></table>

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

หมายเหตุ

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

Free TextEditor

Create Date : 15 พฤษภาคม 2551

1 comments

Last Update : 15 พฤษภาคม 2551 21:36:09 น.

Counter : 370 Pageviews.

มาขอโค๊ต เอาไปนะคะ
ขอบคุณคะ

โดย: tempopo 18 พฤษภาคม 2551 6:49:45 น.