code กรอบใส่ข้อความ 2

Code กรอบข้อความ สวยๆ กรอบข้อความสามชั้น พื้นหลังเคลื่อนไหว

 

อยากโพสอะไร ตรงนี้ได้เลย

 

<table cellpadding='4' cellspacing='0' style='border-bottom: #9400d3 5px double; border-left: #9400d3 5px double; border-right: #9400d3 5px double; border-top: #9400d3 5px double; height: 50px; width: 320px;'> <tbody><tr><td background=http://3.bp.blogspot.com/-t1vBPVZsXL4/Tn4D7YGp6EI/AAAAAAAAGdw/_FALtr5lWP8/s1600/bg12.gif' style='border-bottom: #ba55d3 5px double; border-left: #ba55d3 5px double; border-right: #ba55d3 5px double; border-top: #ba55d3 5px double;'>อยากโพสอะไร ตรงนี้ได้เลย</td></tr></tbody></table>

 

กรอบ 2 ชั้น กรอบด้านนอกทึบ ด้านในปรุ พื้นหลังเคลื่อนไหว

 

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

<table bgcolor='forestgreen' cellpadding='5' cellspacing='5' height='50' style='border-bottom-color: rgb(34, 139, 34); border-bottom-style: dashed; border-bottom-width: 3px; border-left-color: rgb(34, 139, 34); border-left-style: dashed; border-left-width: 3px; border-right-color: rgb(34, 139, 34); border-right-style: dashed; border-right-width: 3px; border-top-color: rgb(34, 139, 34); border-top-style: dashed; border-top-width: 3px; width: 480px;'><tbody><tr> <td background='http://4.bp.blogspot.com/-Q1aTKeZgKQI/Tn3hMX7S7FI/AAAAAAAAGNw/OFOA5fYKXUU/s1600/bg.48.gif' bgcolor='white' style='border-bottom: white 3px dashed; border-left: white 3px dashed; border-right: white 3px dashed; border-top: white 3px dashed;'><span style='color: white;'>เขียนข้อความ</span></td></tr></tbody></table>

 

กรอบ 4 ช่อง หรือ 4 กรอบเส้นขอบสีขาว พื้นหลังเปลี่ยนสีตามใจชอบได้และสามารถเพิ่มกรอบหลายอีก

 

พิมพ์ไปเลยตรง33	พิมพ์ไปเลยตรงนี้
พิมพ์ไปเลยตรงนี้	พิมพ์ไปเลยตรงนี้

 

<table bgcolor='#ffffff' cellpadding='2' cellspacing='2' style='border-left: #ffffff 3px; border-right: #ffffff 3px; border-top: #ffffff 3px;'><tbody><tr> <td bgcolor='#336633' style='border-left: 3px; border-right: 3px; border-top: 3px; width: 238px;'>พิมพ์ไปเลยตรง33</td> <td bgcolor='#336633' style='border-bottom: 3px; border-left: 3px; border-right: 3px; border-top: 3px; width: 238px;'>พิมพ์ไปเลยตรงนี้</td> </tr><tr> <td bgcolor='#ccffcc' style='border-bottom: 3px; border-left: 3px; border-right: 3px; border-top: 3px;'>พิมพ์ไปเลยตรงนี้</td> <td bgcolor='pink' style='border-bottom: 3px; border-left: 3px; border-top: 3px;'><span style='background-color: transparent;'>พิมพ์ไปเลยตรงนี้</span></td> </tr></tbody> </table>

กรอบข้อความ 4 ชั้น 2 สี พื้นหลังเคลื่อนไหว ถ้าไม่ต้องการ background ก็เอา'โค๊ดสีน้ำเงิน'ออก

 

เต็มที่เลยตรงนี้

 

<table cellpadding='4' cellspacing='0' style='border-bottom: #006600 5px double; border-left: #006600 5px double; border-right: #006600 5px double; border-top: #006600 5px double; height: 50px; width: 480px;'<tbody> <tr> <td style='border-bottom: hotpink 5px double; border-left: hotpink 5px double; border-right: hotpink 5px double; border-top: hotpink 5px double; height: 16px; width: 480px;'>เต็มที่เลยตรงนี้</td> </tr> </tbody> </table>

กรอบนอกทึบ กรอบในเป็นลายปรุ พื้นหลังสามารถเปลี่ยนสีตามใจชอบ

 

พิมพ์ไปเลยตรงนี้

 

<table bgcolor='indianred' cellpadding='5' cellspacing='5' style='border-bottom-color: rgb(205, 92, 92); border-bottom-style: dashed; border-bottom-width: 3px; border-left-color: rgb(205, 92, 92); border-left-style: dashed; border-left-width: 3px; border-right-color: rgb(205, 92, 92); border-right-style: dashed; border-right-width: 3px; border-top-color: rgb(205, 92, 92); border-top-style: dashed; border-top-width: 3px; height: 50px; width: 480px;'><tbody> <tr><td bgcolor='wheat' style='border-bottom: 3px dashed; border-left: 3px dashed; border-right: 3px dashed; border-top: 3px dashed;'>พิมพ์ไปเลยตรงนี้</td></tr> </tbody></table>

 

กรอบนี้จะดูแตกต่างจากกรอบทั่วๆไป ตรงที่กรอบนอกดูคล้ายหุ้มด้วยโลหะสีเข็ม

 

ใส่ข้อความ

 

<table bgcolor='#000000' border='5' cellpadding='0' cellspacing='0' style='width:480px;height:45px'> <tbody><tr><td><font color='#eeeeee'>ใส่ข้อความ<br><br></font></td></tr></tbody></table>

 

กรอบข้อความ 2 กรอบติดกันลงล่าง สามารถเพิ่มเป็นหลายๆกรอบ ต่อติดกันได้

 

พิมพ์ไปเลยตรง

พิมพ์ไปเลยตรง

 

<table bgcolor='#330099' cellpadding='5' cellspacing='5' style='border-right:#330099 3px;border-top:#330099 3px;border-left:#330099 3px;width:480px;border-bottom:#330099 3px;height:50px'>พิมพ์ไปเลยตรง<tbody><tr> <td bgcolor='wheat' style='border-right:3px;border-top:3px;border-left:3px;width:480px;height:22px'> </td></tr><tr><td bgcolor='#ccffcc' style='border-right:3px;border-top:3px;border-left:3px;border-bottom:3px;height:22px'>พิมพ์ไปเลยตรง</td></tr></tbody></table>

 

แบบ 2 กรอบข้อความ ต่อติดกันไปด้านข้าง สามารถเพิ่มเป็นหลายๆกรอบได้

 

พิมพ์ไปเลยตรงนี้

พิมพ์ไปเลยตรง

 

<table bgcolor='#330099' cellpadding='5' cellspacing='5' style='border-right:#330099 3px;border-top:#330099 3px;border-left:#330099 3px;border-bottom:#330099 3px'> <tbody><tr> <td bgcolor='wheat' style='border-right-width:3px;border-right-style:initial;border-right-color:initial;border-top-width:3px;border-top-style:initial;border-top-color:initial;border-left-width:3px;border-left-style:initial;border-left-color:initial;border-bottom-width:3px;border-bottom-style:initial;border-bottom-color:initial;width:225px;height:16px'>พิมพ์ไปเลยตรงนี้</td> <td bgcolor='#ccffcc' style='border-right-width:3px;border-right-style:initial;border-right-color:initial;border-top-width:3px;border-top-style:initial;border-top-color:initial;border-left-width:3px;border-left-style:initial;border-left-color:initial;border-bottom-width:3px;border-bottom-style:initial;border-bottom-color:initial;width:225px;height:16px'>พิมพ์ไปเลยตรง</td></tr></tbody></table>