ตัวอย่าง2 ตัวอย่าง3 ตัวอย่าง4 ตัวอย่าง5 Code Table แบบข้อความเลื่อน
|
|
<table height="300" width="300" align="center" background="Url รูปที่จะใช้เป็นพื้นกรอบ" border="0"> <tr><br>
<td align="middle" height="1"><br>
<marquee ="this.stop()" onmouseout="this.start()" scrollAmount="1" direction="up" width="92" height="120"><P align=center><FONT face=MS Sans Serif color=#990000 size=2><B>หัวข้อ</B></FONT><BR><FONT face=MS Sans Serif color=#CC9900 size=2>ใส่ข้อความที่นี่ค่ะ</FONT></P></marquee></td><br> </tr><br> </table>
เพิ่มเติม
1. height="300" width="300" <-- ขนาดความกว้าง ยาวของรูปภาพที่จะทำกรอบ
2. <marquee ="this.stop()" onmouseout="this.start()" scrollAmount="1" direction="up" width="92" height="120"> <--- ขนาดความกว้างยาว ที่จะให้ข้อความวิ่ง
3. size=2 <-- ขนาดตัวอักษร ยิ่งตัวเลขมาก ขนาดตัวอักษรยิ่งใหญ่
-----------------------------------------------------------------------------
Code กรอบแบบมีสกอร์บาร์
<TABLE style="WIDTH: 350px; HEIGHT: 300px" borderColor=#000000 cellSpacing=30 cellPadding=3 align=center background=ใส่url รูป border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle>
<DIV style="SCROLLBAR-FACE-COLOR: #ใส่โค๊ดสี; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 350px; SCROLLBAR-SHADOW-COLOR: #ใส่โค๊ดสี; SCROLLBAR-ARROW-COLOR: #ใส่โค๊ดสี; HEIGHT: 300px">
<P dir=ltr align=center><FONT face=Arial><FONT size=2><STRONG><FONT face=Tahoma,Helvetica,Sans-Serif color=#ใส่โค๊ดสีตัวอักษร>พิมพ์ข้อความ!</FONT></STRONG></FONT></FONT></P></DIV></TD></TR></TBODY></TABLE>
ข้อมูลเพิ่มเติม
1. WIDTH: 350px; HEIGHT: 300px <-- กำหนดขนาดรูปภาพ
2. background=ใส่url รูป
3. WIDTH: 350px <--- กำหนดความกว้างความสูง ของสกอร์บาร์
HEIGHT: 300px
ดูโค้ดสี ได้จาก ---> คลิ๊กเพื่อดูโค้ดสี
แบบสำเร็จ สามารถก๊อบโค๊ดแล้วนำไปใช้ได้เลยค่ะ
<TABLE style="WIDTH: 437px; HEIGHT: 369px" borderColor=#000000 cellSpacing=30 cellPadding=3 align=center background=http://i3.tinypic.com/2j306y9.gif border=0> <TBODY> <TR> <TD vAlign=top align=middle> <DIV> </DIV> <DIV style="SCROLLBAR-FACE-COLOR: #ffffff; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 191px; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #fa3386; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 276px"> <P dir=ltr align=center><B><FONT face=Arial size=2>text here!</FONT></B></P></DIV></TD></TR></TBODY></TABLE> |
<TABLE style="WIDTH: 350px; HEIGHT: 393px" borderColor=#000000 cellSpacing=15 cellPadding=3 align=center background=http://i72.photobucket.com/albums/i191/pinkiiforce/T8.gif border=0> <TBODY> <TR> <TD vAlign=bottom align=middle> <DIV style="SCROLLBAR-FACE-COLOR: #000000; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 322px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #fda3cb; HEIGHT: 146px"> <P dir=ltr align=center><FONT face=Arial size=2><FONT color=#000000></FONT><FONT face=Tahoma,Helvetica,Sans-Serif></FONT><STRONG><FONT color=#000000>text here!</FONT></STRONG><BR></FONT> </P></DIV></TD></TR></TBODY></TABLE> |
<TABLE style="WIDTH: 311px; HEIGHT: 271px" borderColor=#000000 cellSpacing=4 cellPadding=3 align=center background=http://i72.photobucket.com/albums/i191/pinkiiforce/H4.gif border=0> <TBODY><TR><TD vAlign=center align=middle><H1> </H1><P> </P><P> </P><P> </P><DIV style="SCROLLBAR-FACE-COLOR: #ffffff; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 165px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #ff6699; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 121px; SCROLLBAR-: #000000"><P dir=ltr align=center><B><FONT face=Arial size=2>text here!</FONT></B></P></DIV></TD></TR></TBODY></TABLE> |
<TABLE style="WIDTH: 350px; HEIGHT: 250px" borderColor=#000000 cellSpacing=30 cellPadding=3 align=center background=http://i72.photobucket.com/albums/i191/pinkiiforce/G6.gif border=0> <TBODY> <TR> <TD vAlign=top align=middle> <DIV> <DIV style="SCROLLBAR-FACE-COLOR: #000000; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 241px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #fda3cb; HEIGHT: 119px"> <P dir=ltr align=center><FONT face=Arial><FONT size=2><STRONG><FONT face=Tahoma,Helvetica,Sans-Serif color=#000000>text here!</FONT></STRONG></FONT></FONT></P></DIV></DIV> <DIV> </DIV> <DIV> </DIV></TD></TR></TBODY></TABLE> |
<TABLE style="WIDTH: 350px; HEIGHT: 356px" borderColor=#000000 cellSpacing=22 cellPadding=3 align=center background=http://i5.tinypic.com/40cxbux.gif border=0> <TBODY> <TR> <TD vAlign=top align=middle> <DIV><FONT color=#003333></FONT> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV style="SCROLLBAR-FACE-COLOR: #000000; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 301px; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #000000; HEIGHT: 216px"> <P dir=ltr align=center><B><FONT face=Arial size=2>text here!</FONT></B></P></DIV></TD></TR></TBODY></TABLE> |
<TABLE style="WIDTH: 350px; HEIGHT: 356px" borderColor=#000000 cellSpacing=21 cellPadding=3 align=center background=http://i3.tinypic.com/4c25e38.gif border=0> <TBODY> <TR> <TD vAlign=top align=middle> <DIV><FONT color=#003333></FONT> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV style="SCROLLBAR-FACE-COLOR: #000000; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 301px; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #000000; HEIGHT: 217px"> <P dir=ltr align=center><B><FONT face=Arial size=2>text here!</FONT></B></P></DIV></TD></TR></TBODY></TABLE> |
<TABLE style="WIDTH: 350px; HEIGHT: 356px" borderColor=#000000 cellSpacing=21 cellPadding=3 align=center background=http://i5.tinypic.com/2hn28o9.gif border=0> <TBODY> <TR> <TD vAlign=top align=middle> <DIV><FONT color=#003333></FONT> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV style="SCROLLBAR-FACE-COLOR: #000000; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 301px; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #000000; HEIGHT: 216px"> <P dir=ltr align=center><B><FONT face=Arial size=2>text here!</FONT></B></P></DIV></TD></TR></TBODY></TABLE> |
<TABLE style="WIDTH: 350px; HEIGHT: 356px" borderColor=#000000 cellSpacing=21 cellPadding=3 align=center background=http://i5.tinypic.com/40p6d86.gif border=0> <TBODY> <TR> <TD vAlign=top align=middle> <DIV><FONT color=#003333></FONT> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV> </DIV> <DIV style="SCROLLBAR-FACE-COLOR: #000000; FLOAT: right; OVERFLOW-X: hidden; OVERFLOW: scroll; WIDTH: 301px; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #000000; HEIGHT: 216px"> <P dir=ltr align=center><B><FONT face=Arial size=2>text here!</FONT></B></P></DIV></TD></TR></TBODY></TABLE> |
ความคิดเห็น