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





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

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

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






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




<center><table style="border: 2px dotted #ff0000;"cellpadding="5" cellspacing="10"<tr><td height="21"><center> ข้อความ </center>





กรอบหลายชั้น


<center><table style="border: 5px double โค้ดสี ;" cellspacing= 2 ><tr><td><table style="border: 2 px solid โค้ดสี;"cellspacing= 5 ><tr><td><table style="border: 2 px dotted โค้ดสี;" cellspacing= 20 ><tr><td align=center> ใส่รูปหรือข้อความ </td></tr></table></td></tr></table></td></tr></table></center>





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

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




ใช้รูปเป็นกรอบซ้อนกันหลายรูป





<table border="0" cellspacing="10" cellpadding="5" width="100%" align="center" style="background-image: url'url รูป 1 ')"><tbody><tr><td align="center" valign="middle" style="background-image: url' url รูป2')"><table border="0" cellspacing="2" cellpadding="25" width="100%" align="center" style="background-image: url'url รูป 3')"><tbody><tr><td align="center" valign="middle" style="background-image: url' url รูป 4')"> ข้อความ</td></tr></tbody></table></td></tr></tbody></table>


 


- - -


 


Text Here


 


- - - 






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





<TABLE style="BORDER-RIGHT: hotpink 2px dotted; BORDER-TOP: hotpink 2px dotted; BORDER-LEFT: hotpink 2px dotted; BORDER-BOTTOM: hotpink 2px dotted" cellSpacing=4 cellPadding=4 width=100>
<TBODY>
<TR>
<TD>
<DIV style="SCROLLBAR-FACE-COLOR: #ff99cc; FONT-SIZE: 12px; FLOAT: left; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; WIDTH: 298px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #333300; SCROLLBAR-3DLIGHT-COLOR: #ff99cc; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ff99cc; LETTER-SPACING: 0px; HEIGHT: 100px" align=center>
<P>ข้อความ</P>
<P>&nbsp;</P>
<P>- - -</P>
<P>&nbsp;</P>
<P>Text Here</P>
<P>&nbsp;</P>
<P>- - -&nbsp;</P></DIV></TD></TR></TBODY></TABLE>


 


- - -


 


Text Here


 


- - - 





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




<TEXTAREA style="BORDER: codeสี 1px solid; PADDING:3px, Background-color: code สี FONT-STYLE:normal; FONT-FAMILY:'MS Sans Serif;FONT-SIZE:10px;COLOR:code สี ;SCROLLBAR-FACE-COLOR:code สี;SCROLLBAR-HIGHLIGHT-COLOR:code สี; SCROLLBAR-SHADOW-COLOR:code สี; SCROLLBAR-ARROW-COLOR:code สี; SCROLLBAR-TRACK-COLOR:code สี; SCROLLBAR-3DLIGHT-COLOR:code สี; SCROLLBAR-DARKSHADOW-COLOR:code สี"ROW=2 COLS=20>ข้อความ</TEXTAREA>


 


- - -


 


Text Here


 


- - - 



สีแดงเปลี่ยนได้ตามชอบใจ












Create Date : 12 พฤศจิกายน 2550
Last Update : 12 พฤศจิกายน 2550 22:04:52 น. 4 comments
Counter : Pageviews.

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


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

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


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

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


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

 


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

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 
BlogGang Popular Award#10


 
goffymew
Location :


[ดู Profile ทั้งหมด]

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




Welcome to Goffymew Blog

Group Blog
 
 
พฤศจิกายน 2550
 
 123
45678910
11121314151617
18192021222324
252627282930 
 
12 พฤศจิกายน 2550
 
All Blogs
 
Friends' blogs
[Add goffymew's blog to your web]
Links
 

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