แ จ ก. . .โ ค้ ด จั ด สี อั ก ษ ร และ พื้ น ห ลั ง ชุดที่ 15 สี เอิร์ธโทน






สี เอิร์ธโทน ชุดที่ 1

●bgcolor...#006400
●fontcolor...#ffffff
●linkcolor...#20b2aa
●vlinkcolor...#3cb371
●activecolor...#9a9d32


<style type="text/css"> <!--
body { color: #ffffff; background-color: #006400;}
a:link {color: #20b2aa;}
a:visited {color: #3cb371;}
a:active {color: #9a9d32;}
--></style>


สี เอิร์ธโทน ชุดที่ 2

●bgcolor...#d8d0b8
●fontcolor...#500000
●linkcolor...#556b2f
●vlinkcolor...#af6050
●activecolor...#354b0f


<style type="text/css"> <!--
body { color: #500000; background-color: #d8d0b8;}
a:link {color: #556b2f;}
a:visited {color: #af6050;}
a:active {color: #354b0f;}
--></style>


สี เอิร์ธโทน ชุดที่ 3

●bgcolor...#d2b48c
●fontcolor...#ffffff
●linkcolor...#d2691e
●vlinkcolor...#b08028
●activecolor...#c88030


<style type="text/css"> <!--
body { color: #ffffff; background-color: #d2b48c;}
a:link {color: #d2691e;}
a:visited {color: #b08028;}
a:active {color: #c88030;}
--></style>


สี เอิร์ธโทน ชุดที่ 4

●bgcolor...#9b674d
●fontcolor...#ffffff
●linkcolor...#ffdd96
●vlinkcolor...#efefcb
●activecolor...#f4b3a0


<style type="text/css"> <!--
body { color: #ffffff; background-color: #9b674d;}
a:link {color: #ffdd96;}
a:visited {color: #efefcb;}
a:active {color: #f4b3a0;}
--></style>


สี เอิร์ธโทน ชุดที่ 5

●bgcolor...#b06050
●fontcolor...#fa68d
●linkcolor...#ffb6c1
●vlinkcolor...#efa8c8
●activecolor...#a0c090


<style type="text/css"> <!--
body { color: #ffa68d; background-color: #b06050;}
a:link {color: #ffb6c1;}
a:visited {color: #efa8c8;}
a:active {color: #a0c090;}
--></style>


สี เอิร์ธโทน ชุดที่ 6

●bgcolor...#d9d0ac
●fontcolor...#908052
●linkcolor...#d06800
●vlinkcolor...#c8a848
●activecolor...#ff8000


<style type="text/css"> <!--
body { color: #908052; background-color: #d9d0ac;}
a:link {color: #d06800;}
a:visited {color: #c8a848;}
a:active {color: #ff8000;}
--></style>


สี เอิร์ธโทน ชุดที่ 7

●bgcolor...#d8d0c8
●fontcolor...#786058
●linkcolor...#98857d
●vlinkcolor...#402840
●activecolor...#808080


<style type="text/css"> <!--
body { color: #786058; background-color: #d8d0c8;}
a:link {color: #98857d;}
a:visited {color: #402840;}
a:active {color: #808080;}
--></style>



สี เอิร์ธโทน ชุดที่ 8

●bgcolor...#a6bdc0
●fontcolor...#896022
●linkcolor...#808080
●vlinkcolor...#588098
●activecolor...#c0e8e8


<style type="text/css"> <!--
body { color: #005070; background-color: #a6bdc0;}
a:link {color: #808080;}
a:visited {color: #588098;}
a:active {color: #c0e8e8;}
--></style>



สี เอิร์ธโทน ชุดที่ 9

●bgcolor...#9eb287
●fontcolor...#305050
●linkcolor...#6b8e23
●vlinkcolor...#5f7e70
●activecolor...#d0e0d0


<style type="text/css"> <!--
body { color: #305050; background-color: #9eb287;}
a:link {color: #6b8e23;}
a:visited {color: #5f7e70;}
a:active {color: #d0e0d0;}
--></style>


สี เอิร์ธโทน ชุดที่ 10

●bgcolor...#669b4d
●fontcolor...#ffffff
●linkcolor...#dbff96
●vlinkcolor...#85e284
●activecolor...#bcf8e9


<style type="text/css"> <!--
body { color: #ffffff; background-color: #669b4d;}
a:link {color: #dbff96;}
a:visited {color: #85e284;}
a:active {color: #bcf8e9;}
--></style>


สี เอิร์ธโทน ชุดที่ 11

●bgcolor...#4386b1
●fontcolor...#ccedff
●linkcolor...#dfd0ff
●vlinkcolor...#b8cbff
●activecolor...#ffffff


<style type="text/css"> <!--
body { color: #ccedff; background-color: #4386b1;}
a:link {color: #dfd0ff;}
a:visited {color: #b8cbff;}
a:active {color: #ffffff;}
--></style>


สี เอิร์ธโทน ชุดที่ 12

●bgcolor...#ddf0dd
●fontcolor...#495f48
●linkcolor...#237f56
●vlinkcolor...#66a666
●activecolor...#669933


<style type="text/css"> <!--
body { color: #495f48; background-color: #ddf0dd;}
a:link {color: #237f56;}
a:visited {color: #66a666;}
a:active {color: #669933;}
--></style>


สี เอิร์ธโทน ชุดที่ 13

●bgcolor...#508855
●fontcolor...#ffffff
●linkcolor...#ffffcc
●vlinkcolor...#ffff66
●activecolor...#ccffcc


<style type="text/css"> <!--
body { color: #ffffff; background-color: #508855;}
a:link {color: #ffffcc;}
a:visited {color: #ffff66;}
a:active {color: #ccffcc;}
--></style>


สี เอิร์ธโทน ชุดที่ 14

●bgcolor...#c4d7f5
●fontcolor...#141878
●linkcolor...#006a7b
●vlinkcolor...#6f51a3
●activecolor...#427609


<style type="text/css"> <!--
body { color: #141878; background-color: #c4d7f5;}
a:link {color: #006a7b;}
a:visited {color: #6f51a3;}
a:active {color: #427609;}
--></style>


สี เอิร์ธโทน ชุดที่ 15

●bgcolor...#7aad25
●fontcolor...#ffffcc
●linkcolor...#ffff66
●vlinkcolor...#f7e0b0
●activecolor...#d3ffcc


<style type="text/css"> <!--
body { color: #ffffcc; background-color: #7aad25;}
a:link {color: #ffff66;}
a:visited {color: #f7e0b0;}
a:active {color: #d3ffcc;}
--></style>









โค้ดนี้สามารถใช้ได้สะดวก รวดเร็ว
เพียงนำโค้ดของโทนสีที่ชอบ มาเรียงให้เป็นแถวเดียวกัน
(โดยนำไปจัดใน notepad ก็ได้ค่ะ)
แล้วนำไปวางไว้ในบล๊อกที่เขียนได้เลย
สะดวกตรงที่ไม่ต้องไปใส่โค้ดสีของฟอนต์และลิงค์อีก
และได้โทนสีที่จัดวางมาอย่างสวยงามแล้ว

หวังว่าจะเป็นประโยชน์กับเพื่อนๆ บ้างไม่มากก็น้อยนะคะ

นวลกนก
31 มกราคม 2551

ตัวอย่าง : บล๊อกนี้ใช้โค้ด สี Earth Tone ชุดที่ 2 ค่ะ






ดู โทนสีม่วง

ดู โทนสีแดง

ดู โทนสีส้ม

ดู โทนสีพาสเทล

ดู โทนสีเทาดำ

ดู โทนสีเหลือง

ดู โทนสีชมพู

ดู โทนสีฟ้า

ดู โทนสีน้ำเงิน

ดู โทนสีเขียว

ดู โทนสีคลาสสิค

ดู โทนสีอมเทา

ดู โทนสีสำหรับพื้นหลังสีขาว

ดู โทนโทนสีสี่ฤดู


หากมีโค้ดผิดพลาด กรุณาแจ้งให้ทราบด้วยนะคะ
ขอบคุณมากค่ะ








ขอบคุณ กรอบสวยๆ โค้ด ของแต่งบล๊อก จาก คุณแคท lozocat

ขอบคุณของแต่งบล๊อกและกำลังใจ จาก พี่นุช oranuch_sri

ขอบคุณเพี่แพท Petit Patty ดวงลดา และเพื่อนทุกคนที่ส่งกำลังใจให้กันเสมอมาค่ะ

ขอบคุณ กล่องทดสอบโค้ด และโค้ดต่างๆ จากคุณไหม paradijs









 

Create Date : 31 มกราคม 2551
16 comments
Last Update : 31 มกราคม 2551 9:25:09 น.
Counter : 7993 Pageviews.

 

ที่พี่นันสอนไว้ เดี๋ยวจะลองทำดูนะค้า

คิดถึงเหมือนเคยค่ะ

 

โดย: ดวงลดา 31 มกราคม 2551 8:59:27 น.  

 

ชอบเอิร์ทโทนนะคะ ไว้จะขอไปใช้บ้าง ขอบคุณค่ะ

 

โดย: ชินโจมายุ 31 มกราคม 2551 9:35:22 น.  

 

บล๊อคสวยจังค่ะ

 

โดย: ปิ่นพระศิวะ 31 มกราคม 2551 11:08:47 น.  

 

ต้องลองเอาของพี่นันไปลองทำบ้างแล้วคะ เรื่มเบื่อหน้าบลีอกตัวเองแล้วเหมือนกันคะ

 

โดย: mintny_n 31 มกราคม 2551 13:20:03 น.  

 


เอาไปใช้ทุกบล็อกเลยจ่ะ
บล็อกเจ๊ก็เลยสวยทุกบล็อกเลย..555
ขอบคุณนะจ๊ะน้องรัก

 

โดย: เจ่เจ๊นุช (oranuch_sri ) 31 มกราคม 2551 14:58:39 น.  

 


สีสวยมากเลยค่ะ วันนี้ที่บ้านแคทหนาวมากเลยค่ะ..
ปล..กิ๊กรูปของคอมเม้นข้างบนมาแบบไม่รู้ไม่ชี้..อิอิอิ

 

โดย: lozocat 31 มกราคม 2551 17:00:00 น.  

 

สีสวยจังครับ

 

โดย: ตาอ้วนชวนคุย 31 มกราคม 2551 17:20:44 น.  

 

น่ารักทั้งเซทเชียวค่ะ

 

โดย: ดา ดา 31 มกราคม 2551 17:29:59 น.  

 

สีสวย ดูอบอุ่นดีด้วยค่ะ พี่นันเป็นไงบ้าง สบายดีไหมคะ โบว์พาเพื่อนเที่ยวปักกิ่งอยู่ 4-5 วัน ส่งเพื่อนกลับบ้านไปเมื่อวันก่อนแล้ว หนาวเลยมาเที่ยวปักกิ่งช่วงนี้ แต่ก็สนุกดีค่ะ อาทิตย์หน้าก็ตรุษจีนแล้วนะ ต้องให้อั่งเปาเด็ก ๆ หรือป่าวคะ

 

โดย: โบว์ (Die vier Jahreszeiten ) 1 กุมภาพันธ์ 2551 17:17:38 น.  

 

มาขอ code ด้วยคน ขอบคุณค่ะ

 

โดย: wetrip 2 กุมภาพันธ์ 2551 0:39:55 น.  

 

เป็นประโยชน์มากมายค่ะ
ขอบคุณนะคะ

 

โดย: enprovance 3 กุมภาพันธ์ 2551 23:12:12 น.  

 

ขอบคุณมากมายเลนจ้า ^^

 

โดย: Looknam (ลั้นลา~ร่าเริง ) 25 ตุลาคม 2551 16:19:06 น.  

 

ขอบคุณนะค่ะ

 

โดย: Macys 8 ธันวาคม 2551 9:30:22 น.  

 

น่ารักมากเลยคะ

 

โดย: ม.มด 11 มกราคม 2552 21:31:12 น.  

 

ถึงจะลงไว้นานแล้ว แต่ก็ขอบคุณมาก ๆ เลยค่ะ เป็นประโยชน์มาก ๆ

 

โดย: คนอย่างว่า 31 มกราคม 2552 0:49:29 น.  

 

ขอบคุณมากค่ะ

 

โดย: พริกน้ำส้ม 9 สิงหาคม 2552 13:10:50 น.  

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


นวลกนก
Location :
กรุงเทพฯ Thailand

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

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





lozocatlozocat
สงวนลิขสิทธิ์ตาม
พรบ.ลิขสิทธิ์ พ.ศ.2539
ห้ามละเมิด
ไม่ว่าการลอกเลียน
นำรูป ข้อความที่เขียนไว้
หรือส่วนหนึ่งส่วนใด
ในที่นี้ไปเผยแพร่อ้างอิง
โดยไม่ได้รับอนุญาต
จะถูกดำเนินคดีตาม
กฎหมายบัญญัติสูงสุด

*ยกเว้น*
ของตกแต่งที่แจกไว้

lozocatlozocat


Proud of you




โค้ดจัดสีอักษรและพื้นหลัง
โทนสีม่วงโทนสีแดง
โทนสีส้มโทนสีพาสเทล
โทนสีเทาดำโทนสีเหลือง
โทนสีชมพู โทนสีฟ้า
โทนสีน้ำเงินโทนสีเขียว
โทนสีคลาสสิคโทนสีอมเทา
โทนสีพื้นหลังขาวโทนสีสี่ฤดู
สีเอิร์ธโทนโทนสีเบ็ดเตล็ด
Group Blog
 
<<
มกราคม 2551
 12345
6789101112
13141516171819
20212223242526
2728293031 
 
31 มกราคม 2551
 
All Blogs
 
Friends' blogs
[Add นวลกนก's blog to your web]
Links
 

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