โทนสีเขียว ชุดที่ 1 ●bgcolor...#336600 ●fontcolor...#ffffff ●linkcolor...#99cc00 ●vlinkcolor...#99cc99 ●activecolor...#ffcc66
|
<style type="text/css"> <!-- body { color: #ffffff; background-color: #336600;} a:link {color: #99cc00;} a:visited {color: #99cc99;} a:active {color: #ffcc66;} --></style>
โทนสีเขียว ชุดที่ 2 ●bgcolor...#ffffff ●fontcolor...#669933 ●linkcolor...#999966 ●vlinkcolor...#99cc99 ●activecolor...#cc6633
|
<style type="text/css"> <!-- body { color: #669933; background-color: #ffffff;} a:link {color: #999966;} a:visited {color: #99cc99;} a:active {color: #cc6633;} --></style>
โทนสีเขียว ชุดที่ 3 ●bgcolor...#99cc66 ●fontcolor...#333333 ●linkcolor...#006633 ●vlinkcolor...#669900 ●activecolor...#ccff99
|
<style type="text/css"> <!-- body { color: #333333; background-color: #99cc66;} a:link {color: #006633;} a:visited {color: #669900;} a:active {color: #ccff99;} --></style>
โทนสีเขียว ชุดที่ 4 ●bgcolor...#ccffcc ●fontcolor...#009900 ●linkcolor...#006633 ●vlinkcolor...#669900 ●activecolor...#33cc00
|
<style type="text/css"> <!-- body { color: #009900; background-color: #ccffcc;} a:link {color: #006633;} a:visited {color: #669900;} a:active {color: #33cc00;} --></style>
โทนสีเขียว ชุดที่ 5 ●bgcolor...#669966 ●fontcolor...#ccffcc ●linkcolor...#ffffff ●vlinkcolor...#99cc99 ●activecolor...#99ff99
|
<style type="text/css"> <!-- body { color: #ccffcc; background-color: #669966;} a:link {color: #ffffff;} a:visited {color: #99cc99;} a:active {color: #99ff99;} --></style>
โทนสีเขียว ชุดที่ 6 ●bgcolor...#99cc99 ●fontcolor...#3366cc ●linkcolor...#003333 ●vlinkcolor...#669966 ●activecolor...#ffffff
|
<style type="text/css"> <!-- body { color: #006600; background-color: #99cc99;} a:link {color: #003333;} a:visited {color: #669966;} a:active {color: #ffffff;} --></style>
โทนสีเขียว ชุดที่ 7 ●bgcolor...#669966 ●fontcolor...#ffffff ●linkcolor...#ccffcc ●vlinkcolor...#ccffff ●activecolor...#ffffcc
|
<style type="text/css"> <!-- body { color: #ffffff; background-color: #669966;} a:link {color: #ccffcc;} a:visited {color: #ccffff;} a:active {color: #ffffcc;} --></style>
โทนสีเขียว ชุดที่ 8 ●bgcolor...#99cc99 ●fontcolor...#339966 ●linkcolor...#999933 ●vlinkcolor...#009900 ●activecolor...#666633
|
<style type="text/css"> <!-- body { color: #339966; background-color: #99cc99;} a:link {color: #999933;} a:visited {color: #009900;} a:active {color: #666633;} --></style>
โทนสีเขียว ชุดที่ 9 ●bgcolor...#006633 ●fontcolor...#66cc66 ●linkcolor...#99cc66 ●vlinkcolor...#669900 ●activecolor...#66ffff
|
<style type="text/css"> <!-- body { color: #66cc66; background-color: #006633;} a:link {color: #99cc66;} a:visited {color: #669900;} a:active {color: #66ffff;} --></style>
โทนสีเขียว ชุดที่ 10 ●bgcolor...#669966 ●fontcolor...#ffffff ●linkcolor...#ffff66 ●vlinkcolor...#cccc99 ●activecolor...#ffffff
|
<style type="text/css"> <!-- body { color: #ccffcc; background-color: #669966;} a:link {color: #ffff66;} a:visited {color: #cccc99;} a:active {color: #ffffff;} --></style>
โทนสีเขียว ชุดที่ 11 ●bgcolor...#669933 ●fontcolor...#ffff99 ●linkcolor...#ccff99 ●vlinkcolor...#99cc33 ●activecolor...#ffff33
|
<style type="text/css"> <!-- body { color: #ffff99; background-color: #669933;} a:link {color: #ccff99;} a:visited {color: #99cc33;} a:active {color: #ffff33;} --></style>
โทนสีเขียว ชุดที่ 12 ●bgcolor...#99cc99 ●fontcolor...#003333 ●linkcolor...#669900 ●vlinkcolor...#336666 ●activecolor...#ffffcc
|
<style type="text/css"> <!-- body { color: #003333; background-color: #99cc99;} a:link {color: #669900;} a:visited {color: #336666;} a:active {color: #ffffcc;} --></style>
โทนสีเขียว ชุดที่ 13 ●bgcolor...#ccffcc ●fontcolor...#009900 ●linkcolor...#999900 ●vlinkcolor...#669900 ●activecolor...#99cc66
|
<style type="text/css"> <!-- body { color: #009900; background-color: #ccffcc;} a:link {color: #999900;} a:visited {color: #669900;} a:active {color: #99cc66;} --></style>
โทนสีเขียว ชุดที่ 14 ●bgcolor...#669966 ●fontcolor...#cccc99 ●linkcolor...#ccffcc ●vlinkcolor...#ffffcc ●activecolor...#cccc66
|
<style type="text/css"> <!-- body { color: #cccc99; background-color: #669966;} a:link {color: #ccffcc;} a:visited {color: #ffffcc;} a:active {color: #cccc66;} --></style>
โทนสีเขียว ชุดที่ 15 ●bgcolor...#006600 ●fontcolor...#ffffcc ●linkcolor...#ccff99 ●vlinkcolor...#00cc66 ●activecolor...#ffffff
|
<style type="text/css"> <!-- body { color: #ffffcc; background-color: #006600;} a:link {color: #ccff99;} a:visited {color: #00cc66;} a:active {color: #ffffff;} --></style>
โทนสีเขียว ชุดที่ 16 ●bgcolor...#99cc66 ●fontcolor...#ffffcc ●linkcolor...#009933 ●vlinkcolor...#669900 ●activecolor...#006600
|
<style type="text/css"> <!-- body { color: #ffffcc; background-color: #99cc66;} a:link {color: #009933;} a:visited {color: #669900;} a:active {color: #006600;} --></style>
โทนสีเขียว ชุดที่ 17 ●bgcolor...#669900 ●fontcolor...#ffffff ●linkcolor...#ffffcc ●vlinkcolor...#66cc66 ●activecolor...#99ff66
|
<style type="text/css"> <!-- body { color: #ffffff; background-color: #669900;} a:link {color: #ffffcc;} a:visited {color: #66cc66;} a:active {color: #99ff66;} --></style>
โทนสีเขียว ชุดที่ 18 ●bgcolor...#ccffcc ●fontcolor...#336600; ●linkcolor...#666633 ●vlinkcolor...#669966 ●activecolor...#cc6666
|
<style type="text/css"> <!-- body { color: #336600; background-color: #ccffcc;} a:link {color: #666633;} a:visited {color: #669966;} a:active {color: #cc6666;} --></style>
โทนสีเขียว ชุดที่ 19 ●bgcolor...#ffffff ●fontcolor...#669933 ●linkcolor...#006600 ●vlinkcolor...#666633 ●activecolor...#999966
|
<style type="text/css"> <!-- body { color: #669933; background-color: #ffffff;} a:link {color: #006600;} a:visited {color: #666633;} a:active {color: #999966;} --></style>
โทนสีเขียว ชุดที่ 20 ●bgcolor...#336666 ●fontcolor...#ffffcc ●linkcolor...#ffffff ●vlinkcolor...#66cc66 ●activecolor...#ffff66
|
<style type="text/css"> <!-- body { color: #ffffcc; background-color: #336666;} a:link {color: #ffffff;} a:visited {color: #66cc66;} a:active {color: #ffff66;} --></style>
โทนสีเขียว ชุดที่ 21 ●bgcolor...#669966 ●fontcolor...#ffffff ●linkcolor...#ccffcc ●vlinkcolor...#ccff66 ●activecolor...#ffff33
|
<style type="text/css"> <!-- body { color: #ffffff; background-color: #669966;} a:link {color: #ccffcc;} a:visited {color: #ccff66;} a:active {color: #ffff33;} --></style>
โทนสีเขียว ชุดที่ 22 ●bgcolor...#669933 ●fontcolor...#ffffff ●linkcolor...#ffffcc ●vlinkcolor...#ffcc99 ●activecolor...#ccffcc
|
<style type="text/css"> <!-- body { color: #ffffff; background-color: #669933;} a:link {color: #ffffcc;} a:visited {color: #ffcc99;} a:active {color: #ccffcc;} --></style>
โทนสีเขียว ชุดที่ 23 ●bgcolor...#ccffcc ●fontcolor...#009900 ●linkcolor...#999900 ●vlinkcolor...#669900 ●activecolor...#99cc66
|
<style type="text/css"> <!-- body { color: #009900; background-color: #ccffcc;} a:link {color: #999900;} a:visited {color: #669900;} a:active {color: #99cc66;} --></style>
โทนสีเขียว ชุดที่ 24 ●bgcolor...#666633 ●fontcolor...#ffffcc ●linkcolor...#99cc66 ●vlinkcolor...#ccffcc ●activecolor...#ffffff
|
<style type="text/css"> <!-- body { color: #ffffcc; background-color: #666633;} a:link {color: #99cc66;} a:visited {color: #ccffcc;} a:active {color: #ffffff;} --></style>
โทนสีเขียว ชุดที่ 25 ●bgcolor...#339900 ●fontcolor...#ffff99 ●linkcolor...#66ff00 ●vlinkcolor...#ccff00 ●activecolor...#ffcc00
|
<style type="text/css"> <!-- body { color: #ffff99; background-color: #339900;} a:link {color: #66ff00;} a:visited {color: #ccff00;} a:active {color: #ffcc00;} --></style>
โทนสีเขียว ชุดที่ 26 ●bgcolor...#99cc99 ●fontcolor...#666699 ●linkcolor...#009999 ●vlinkcolor...#669999 ●activecolor...#009966
|
<style type="text/css"> <!-- body { color: #666699; background-color: #99cc99;} a:link {color: #009999;} a:visited {color: #669999;} a:active {color: #009966;} --></style>
โทนสีเขียว ชุดที่ 27 ●bgcolor...#339966 ●fontcolor...#ccff99 ●linkcolor...#99ff66 ●vlinkcolor...#ccff66 ●activecolor...#ffffff
|
<style type="text/css"> <!-- body { color: #ccff99; background-color: #339966;} a:link {color: #99ff66;} a:visited {color: #ccff66;} a:active {color: #ffffff;} --></style>
|
วันนี้นำโค้ดจัดสีอักษรและพื้นหลัง โทนสีเขียวมาฝากกันอีกแล้ว
สามารถนำไปวางไว้ใน script area หรือไว้ในบล๊อกที่เขียนก็ได้ค่ะ
อย่าลืมจัดโค้ดให้เรียงชิดเป็นแถวเดียวกัน รับรองใช้ได้แน่นอนค่ะ
ปล.ไม่ค่อยได้ไปเยี่ยมเยียนกัน
เพราะต้องไปทำงาน
กลับบ้านก็ยุ่งๆ กับงานบ้าน อย่าว่ากันนะคะ
จะพยายามหาเวลาไปเยี่ยมทุกๆคนเลยค่ะ