code กรอบข้อความ





กรอบข้อความแบบต่างๆ

ส่วนที่ต้องทำการแก้ไข

ความหนาของกรอบ ---> 2px
ชนิดของกรอบ ---> dotted, dashed,solid, groove, ridge, inset, outset, double
สีของกรอบ --->เปลี่ยนตามใจชอบ






กรอบชั้นเดียว



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






กรอบแบบจุด



<table cellpadding="5" style="border:1px solid lightpink;" width="400"><tr><td style="border:4px dotted hotpink; background-color=white">ใส่ข้อความที่นี่</td></tr></table>





กรอบแบบจุด



<table cellpadding="5" style="border:1px solid Orchid ;" width="400"><tr><td style="border:4px dotted Purple ; background-color=white">ใส่ข้อความที่นี่</td></tr></table>






กรอบเส้นสองชั้น



<table style="border:double 4px #ffcccc;padding:3px" width=400><tbody><tr><td align="center" valign="middle" style="border:4px double #ffcccc;padding:10px">ข้อความตรงนี้
</td></tr></tbody></table>






กรอบเส้นสองชั้น



<table style="border:double 4px #87CEEB ;padding:3px" width=400><tbody><tr><td align="center" valign="middle" style="border:4px double #87CEEB ;padding:10px">ข้อความตรงนี้
</td></tr></tbody></table>






กรอบเหลียมแบบที่ 1



<table border="0" cellspacing="0" cellpadding="0" style="border: 8px double #ffcccc" width=450> <tbody> <tr><td align="center" valign="middle" style="border: 5px dashed #ffcccc">ข้อความ </td></tr></tbody></table>






กรอบเหลียมแบบที่ 2



<table border="0" cellspacing="0" cellpadding="0" style="border: 8px solid #ffcccc" width=450><tbody><tr><td align="center" valign="middle" style="border: 8px dotted #ffcccc">
ข้อความ</td></tr></tbody></table>






กรอบสีหวาน



<table style="border:1px dashed #FF34B3; background-color: #FF34B3" cellspacing="3" cellpadding="3" width="400"><tr><td><table style="border:1px dashed #FF82AB ; background-color: #FF82AB " cellspacing="5" cellpadding="3" width="400"><tr><td style="background-color: #ffffff">ใส่ข้อความที่นี่
</td></tr></table></td></tr></table>





กรอบสีหวาน



<table style="border:1px dashed #CD00CD ; background-color: #CD00CD " cellspacing="3" cellpadding="3" width="400"><tr><td> <table style="border:1px dashed #E066FF ; background-color: #E066FF " cellspacing="5" cellpadding="3" width="400"><tr><td style="background-color: #ffffff">ใส่ข้อความที่นี่
</td></tr></table></td></tr></table>





กรอบสีหวาน



<table border="0" cellspacing="0" cellpadding="0" style="border: 3px double #3CB371" width=400><tbody><tr><td align="center" valign="middle" style="border:3px dotted #3CB371"><table border="0" cellspacing="0" cellpadding="0" width=400 style="border: 3px double #3CB371"><tbody><tr><td>
ใส่ข้อความที่นี่
</td></tr></tbody></table></td></tr></tbody></table>






กรอบสีหวาน



<table border="0" cellspacing="0" cellpadding="0" style="border: 3px double #add8e6" width=400><tbody><tr><td align="center" valign="middle" style="border:3px dotted #add8e6"><table border="0" cellspacing="0" cellpadding="0" width=400 style="border: 3px double #add8e6"><tbody><tr><td>ข้อความตรงนี้จ้า
</td></tr></tbody></table></td></tr></tbody></table>






กรอบสีหวาน



<table cellspacing="8" cellpadding="8" style=" border:2px DASHED #FF7DBE;background-color: #FF7DBE" width=470><tbody><tr><td align="center" valign="middle" style="background-color: #FF9DCE"><table border="0" cellspacing="8" cellpadding="8" width=470 style=" background-color: #FFBFDF"><tbody><tr><td align="center" style=" border:2px DASHED #FFDFEF;background-color: #FFDFEF"><font size=2>เขียนข้อความ
</td></tr></tbody></table></td></tr></tbody></table>






กรอบสีหวาน


<table cellspacing="8" cellpadding="8" style=" border:2px DASHED #8ABB39;background-color: #8ABB39" width=470><tbody><tr><td align="center" valign="middle" style="background-color: #A2CD5A"><table border="0" cellspacing="8" cellpadding="8" width=470 style=" background-color: #BCEE68"><tbody><tr><td align="center" style=" border:2px DASHED #CAFF70;background-color: #CAFF70"><font size=2>เขียนข้อความ
</td></tr></tbody></table></td></tr></tbody></table>






กรอบสีหวาน



<table cellspacing="8" cellpadding="8" style=" border:2px DASHED #62A2A2;background-color: #62A2A2" width=470><tbody><tr><td align="center" valign="middle" style="background-color: #7BB0B0"><table border="0" cellspacing="8" cellpadding="8" width=470 style=" background-color: #95BFBF"><tbody><tr><td align="center" style=" border:2px DASHED #B8D3D3;background-color: #B8D3D3"><font size=2>เขียนข้อความ
</td></tr></tbody></table></td></tr></tbody></table>






กรอบสวยงาม


<table style="background-color: #87CEFA " cellspacing=7 cellpadding=7 width=400><tbody><tr><td style="border-right:4px solid;border-top:4px solid;border-left:4px solid;border-bottom:4px solid">พิมพ์ข้อความตรงนี้
</td></tr></tbody></table>






กรอบสวยงาม



<table style="background-color: #AB82FF " cellspacing=7 cellpadding=7 width=400><tbody><tr><td style="border-right:4px solid;border-top:4px solid;border-left:4px solid;border-bottom:4px solid">พิมพ์ข้อความตรงนี้
</td></tr></tbody></table>






กรอบสวยงาม





<table><tbody><tr><td><div style="border:3px double #528B8B ;background: #97FFFF ">
<div style="border-left:7px solid #fff;border-right:7px solid #fff;background: #97FFFF ;margin:0px 5px"><div style="background:#fffff;margin:0px 5px"> <table><tbody><tr><td><div style="font-size:12px; width:350; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px">ข้อความพิมพ์ตรงนี้
</font></div></td></tr></tbody></table></div></div></div></td></tr></tbody></table>






กรอบสวยงาม



<table><tbody><tr><td><div style="border:3px double #BDB76B ;background: #EEE8AA ">
<div style="border-left:7px solid #fff;border-right:7px solid #fff;background: #EEE8AA ;margin:0px 5px"><div style="background:#fffff;margin:0px5px"> <table><tbody><tr><td><div style="font-size:12px; width:350; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px">ข้อความพิมพ์ตรงนี้
</font></div></td></tr></tbody></table></div></div></div></td></tr></tbody></table>






ใช้รูปเป็นกรอบ



<table border="0" cellspacing="5" cellpadding="5" width="100%" align="center" style="background-image: url'ใส่..//..gillter')"><tbody><tr>< td align="center" valign="top" style="background-color: #eeeee2"> ข้อความ </td></tr></tbody></table>






ใช้รูปเป็นกรอบซ้อนกัน 2 รูป




<table border="0" cellspacing="5" cellpadding="5" width="100%" style="background-image: url(' รูป ที่จะใช้เป็นกรอบ ')"><tbody><tr><td align="center" valign="middle" style="background-color: โค้ดสี">
<table border="0" cellspacing="5" cellpadding="10" width="100%" style="background-image: url(' รูป ที่จะใช้เป็นกรอบ ')"><tbody><tr><td align="center" valign="middle" style="background-color: โค้ดสี"> ข้อความ</td></tr></tbody></table></td></tr></tbody></table>







กรอบข้อความเลื่อน(ตัวอย่างกรอบข้างล่าง)





<DIV>
<DIV style="SCROLLBAR-FACE-COLOR:#FFFFFF; OVERFLOW-X: scroll; SCROLLBAR-HIGHLIGHT-COLOR:#FA8072; OVERFLOW: scroll; WIDTH: 250px; SCROLLBAR-SHADOW-COLOR:#FA8072; SCROLLBAR-3DLIGHT-COLOR:#FA8072; SCROLLBAR-ARROW-COLOR:#FA8072; SCROLLBAR-DARKSHADOW-COLOR:#FA8072; HEIGHT: 200px">
<p align = center><FONT size=2><FONT face=Tahoma color = #483D8B>
ใส่ข้อความทีนี่</p></align></font></font>
</div></div>









กรอบข้อความเลื่อน มีกรอบ


Title



<fieldset style="width: 250px; height: 200px; border:3px solid #00BFFF; padding:0;">
<legend align="center"><font color="#FF0000" <<font size=5>Title</font></font></legend>
<div style="scrollbar-face-color:#00BFFF; overfolw-x: scroll; scrollbar-highlight-color:#FFFFFF; overflow: scroll; width: 250px; scrollbar-shadow-color:#FFFFFF; scrollbar-3dlight-color:#00BFFF; scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#00BFFF; scrollbar-track-color:#FFFFFF; height: 100px">
<font color="#FF0000"> <p align="center"><font size=2>ใส่ข้อความที่นี่</p></font></font>
</div></fieldset>











Create Date : 12 พฤศจิกายน 2550
Last Update : 23 สิงหาคม 2560 4:06:35 น. 4 comments
Counter : 2144 Pageviews.

 
ขอบคุณมากเลยค่ะ


โดย: หัวใจสีชมพู วันที่: 12 พฤศจิกายน 2550 เวลา:22:24:42 น.  

 
สวยๆทั้งนั้น ขอยืมไปใช้หน่อยนะคะ


โดย: minjung วันที่: 7 กุมภาพันธ์ 2551 เวลา:11:26:23 น.  

 
ขอไปใช้ด้วยนะคะ ขอบคุณค่า


โดย: thitare วันที่: 1 มกราคม 2552 เวลา:0:14:26 น.  

 


โดย: aed7777 วันที่: 15 กรกฎาคม 2555 เวลา:13:05:37 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 
รหัสส่งข้อความ
กรุณายืนยันรหัสส่งข้อความ

Valentine's Month


 
goffymew
Location :


[Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 5 คน [?]




Flag Counter Welcome to Goffymew Blog
Group Blog
 
All Blogs
 
Friends' blogs
[Add goffymew's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.