เทคนิคการใช้ gadgets หรือ widget ที่น่าสนใจสำหรับเว็บไซด์หรือบล็อก

การใส่กรอบให้กับข้อความในเว็บ เพิ่มความสวยให้กับเว็บของเราได้แน่นอน

ให้นำ code ไปใส่ในช่อง HTML หลังจากนั้นกลับมาพิมพ์ข้อความในกรอบได้เลย

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

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

พิมพ์ตรงนี้เลยจ้า

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

<table width=90% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;"><font size="1">เขียนตรงนี้เลย</font></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. กรอบสีม่วง 2 เส้น

<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 =http://www.yenta4.com/webboard/upload_images/81631_688240.gif>จัดเต็ม เลยตรงนี้</td></tr></table>

จัดเต็ม เลยตรงนี้

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

text here text here

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

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

พิมพ์ตรงนี้จิ

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

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

พิมพ์ตรงนี้จิ

กลับไปยัง แฟชั่นวัยรุ่นสไตล์เกาหลี

ขอขอบคุณ gadget ดีๆจาก igetweb

เทคนิคการใช้ gadgets หรือ widget ที่น่าสนใจสำหรับเว็บไซด์หรือบล็อก

วันเสาร์ที่ 21 กรกฎาคม พ.ศ. 2555

ใส่กรอบให้กับข้อความในเว็บหรือบล็อก