2008/Apr/28

if (document.all) document.body.style.cssText="border:15 outset #ddcf77"

Code Color

เพื่อน ๆ copy โค๊ดสีไปใช้ได้เลยค่ะ page1 , 2 ,3

#FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00
#FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00
#FF99FF #FF99CC #FF9999 #FF9966 #FF9933 #FF9900
#FF66FF #FF66CC #FF6699 #FF6666 #FF6633 #FF6600
#FF33FF #FF33CC #FF3399 #FF3366 #FF3333 #FF3300
#FF00FF #FF00CC #FF0099 #FF0066 #FF0033 #FF0000
#CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00
#CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00
#CC99FF #CC99CC #CC9999 #CC9966 #CC9933 #CC9900
#CC66FF #CC66CC #CC6699 #CC6666 #CC6633 #CC6600
#CC33FF #CC33CC #CC3399 #CC3366 #CC3333 #CC3300
#CC00FF #CC00CC #CC0099 #CC0066 #CC0033 #CC0000
#99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00
#99CCFF #99CCCC #99CC99 #99CC66 #99CC33 #99CC00
#9999FF #9999CC #999999 #999966 #999933 #999900
#9966FF #9966CC #996699 #996666 #996633 #996600
#9933FF #9933CC #993399 #993366 #993333 #993300
#9900FF #9900CC #990099 #990066 #990033 #990000
#66FFFF #66FFCC #66FF99 #66FF66 #66FF33 #66FF00
#66CCFF #66CCCC #66CC99 #66CC66 #66CC33 #66CC00
#6699FF #6699CC #669999 #669966 #669933 #669900
#6666FF #6666CC #666699 #666666 #666633 #666600
#6633FF #6633CC #663399 #663366 #663333 #663300
#6600FF #6600CC #660099 #660066 #660033 #660000
#33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00
#33CCFF #33CCCC #33CC99 #33CC66 #33CC33 #33CC00
#3399FF #3399CC #339999 #339966 #339933 #339900
#3366FF #3366CC #336699 #336666 #336633 #336600
#3333FF #3333CC #333399 #333366 #333333 #333300
#3300FF #3300CC #330099 #330066 #330033 #330000
#00FFFF #00FFCC #00FF99 #00FF66 #00FF33 #00FF00
#00CCFF #00CCCC #00CC99 #00CC66 #00CC33 #00CC00
#0099FF #0099CC #009999 #009966 #009933 #009900
#0066FF #0066CC #006699 #006666 #006633 #006600
#0033FF #0033CC #003399 #003366 #003333 #003300
#0000FF #0000CC #000099 #000066 #000033 #000000
#465584 #EEF2F7 #3A4F6C #00D #434951 #555
#777 #DFE6EF #345487 #F5F9FD #3860BB #BCD0ED
#C2CFDF #F0F5FA #D1DCEB #003 #900 #CCE9FD
#E4EAF2 #4C77B6 #DFE6EF #EEF2F7 #FAFCFE #F90

page1 , 2 ,3
Home page="codecolor1";

2008/Apr/28

  • Return to exteen blog home

Code Hi5 ชุดที่ 1

posted on 09 Apr 2008 21:45 by my-not

1. code ข้อความเป็นหลื่น

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=#FFFFFF)"><center>TEXT<br>TEXT</center></marquee>



TEXT มีสองอันก็คือ

อันแรกเป็นข้อความด้านบน

อันที่สองเป็นข้อความด้านล่าง

----------

2. code อักษรวิ่ง เมาส์ชี้แล้วช้าลง

<MARQUEE onmouseover=this.scrollAmount=1 onmouseout=this.scrollAmount=5>TEXT</marquee>

----------

3. code อักษรเรืองแสงในกรอบ

<table style="filter:GLOW (color=#โค้ดสี, strength=5)"><tr><td align="center"> ข้อความz </table>

----------

4. code รูปเลื่อนจากบนลงล่าง

<p class="MsoNormal" align="center"><b><font face="Verdana"><center>
<p>
<marquee direction="down" scrollAmount='3'  style="border-style:double; border-width:0px; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">
<center>

<img src="Url รูป">

</center></marquee></center>

----------

5. code รูปเลื่อนจากล่างขึ้นบน

<p class="MsoNormal" align="center"><b><font face="Verdana"><center>
<p>
<marquee direction="up" scrollAmount='3' style="border-style:double; border-width:0px; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">
<center>

<img src="Url รูป">

</center></marquee></center>

----------

6. code คอมเม้นมาอยู่ด้านซ้าย

<style type="text/css">

table {direction:rtl;}
table table table {direction:ltr;}

</style>

----------

7. code แต่งกรอบ Friend

<style type="text/css">

.friend-picture {border-style: dashed; border:1px;border-color: #FF6699;}

</style> 



เป็นกรอบแบบเส้นประนะครับ ^-^

----------

8. code ใส่กรอบให้รูป Profile ของเรา

<style type="text/css">

#user-picture img{border-style: dashed; border: 1px; border-color: #FF6699;}

</style>


เป็นกรอบแบบเส้นประนะครับ

----------

9. code ย้าย Profile มาตรงกลาง

<style type="text/css">

#about-left { position: relative;left: 40%; }

#about-center { position: relative;left: 40%; }

#about-right { position: relative;right:65%; }


</style>

----------

10. code เพิ่มขนาดรูปที่ Friend

<style type="text/css">

.friend-picture a img {width:150px; height:150px !important;}

.friend-picture {height:100px !important;}

</style>

----------

11. code ย้ายคอมเม้นมาตรงกลาง

<style type="text/css">

.section .comment-text {
TEXT-ALIGN: center; }

</style>


left - ซ้าย

 right - ขวา

จะย้ายไป ซ้าย-ขวา ก้ได้นะ

-----------

12. code บทความกลับด้าน

<style type="text/css">    table {direction:rtl;}  table table table {direction:ltr;}    </style>

----------

13. code ทำให้ข้อความ หรือ รูปภาพวิ่ง ( 2 แบบ เลือกเอา )

<marquee>ข้อความ</marquee>

 

<marquee><IMG src="ใส่urlรูปที่นี่" border=0></marquee>

---------

14. code ข้อความขึดเส้นใต้ มีหลายแบบ

 

TEXT ข้อความ TeXT ข้อความ
 <TABLE align=center>
<TBODY>
<TR>
<TD style="BACKGROUND-POSITION: left bottom; BACKGROUND-REPEAT: repeat-x" background=http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_17_0?1116173632.gif>
<DIV style="FONT-SIZE: 12px; BACKGROUND-COLOR: transparent"><FONT color=#cc99ff>TEXT ข้อความ TeXT ข้อความ</FONT></DIV></TD></TR></TBODY></TABLE>

----------

 

TEXT ข้อความ TEXT ข้อความ
 <TABLE align=center>
<TBODY>
<TR>
<TD style="BACKGROUND-POSITION: left bottom; BACKGROUND-REPEAT: repeat-x" background=http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_17_1?1116173632.gif>
<DIV style="FONT-SIZE: 12px; BACKGROUND-COLOR: transparent"><FONT color=#ff9900>TEXT ข้อความ TEXT ข้อความ </FONT></DIV></TD></TR></TBODY></TABLE>

----------

 

TEXT ข้อความ TEXT ข้อความ
 <TABLE align=center>
<TBODY>
<TR>
<TD style="BACKGROUND-POSITION: left bottom; BACKGROUND-REPEAT: repeat-x" background=http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_17_4?1116173632.gif>
<DIV style="FONT-SIZE: 12px; BACKGROUND-COLOR: transparent"><FONT color=#339966>TEXT ข้อความ TEXT ข้อความ </FONT></DIV></TD></TR></TBODY></TABLE>

----------
TEXT ข้อความ TEXT ข้อความ
<TABLE align=center>
<TBODY>
<TR>
<TD style="BACKGROUND-POSITION: left bottom; BACKGROUND-REPEAT: repeat-x" background=http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_17_6?1116173632.gif>
<DIV style="FONT-SIZE: 12px; BACKGROUND-COLOR: transparent"><FONT color=#3366ff>TEXT ข้อความ TEXT ข้อความ </FONT></DIV></TD></TR></TBODY></TABLE>

----------

15. code ข้อความเป็นเงามัวๆ



<SPAN style="width:500px; height:6px; filter:blur(add=1, direction=100, strength=5)">
ข้อความ</SPAN>

----------

16. code ข้อความวิ่งขึ้นลง

<MARQUEE scrollAmount=3 direction=up behavior=alternate width=97 height=40 style="text-align:center;">ข้อความ</MARQUEE>

----------

17. code ข้อความวิ่งลงแล้วหายไป โผล่ข้างบนใหม่

<MARQUEE scrollAmount=3 direction=down width=97 height=40 style="text-align:center;">ข้อความ</MARQUEE>

---------

18. code รูปวิ่งซ้ายขวา แบบสลับฟันปลา

<MARQUEE behavior=alternate direction=up height=100 width=90%><MARQUEE behavior=alternate><img src=ที่อยู่ของรูปหรือURL นั้นแหละ></MARQUEE></MARQUEE>

---------

19. code ข้อความวิ่งแบบมีพื้นหลัง

<MARQUEE width=250 bgColor=#cccccc>ข้อความ</MARQUEE>

----------

20. code ข้อความเด้งขึ้นลง

<marquee align="middle" behavior="alternate" direction="up" scrolldelay=20
scrollamount=2 height="24" width="2%"><b>
แก้ตรงนี้</marquee>

---------

21. code ชี้ลิงค์แล้วลุกเป็นไฟ

<style type="text/css">a:hover{background: url('http://www.ladylony.com/xox1.gif'); }</style>

---------


edit @ 28 Apr 2008 17:19:12 by Little Monster

2008/Apr/26

http://img2.smileupload.com/upload_pic/26-04-2551/015npw_26042551221232.jpg