โค้ดสี

 

 

Color Codes สีที่ใช้ใน blog"

        บันทึกนี้เป็นบันทึกที่ ๓ นะคะ สำหรับการนำเสนอประสบการณ์ในการ

แต่งบล็อก ครูอิงจะเล่าประสบการณ์เรื่องขอการใช้โค้ดสีในบล็อกค่ะ

 จริง ๆ แล้วครูอิงเป็นคนที่โปรดปรานภาพพื้นหลังสีเข้มเอามาก ๆ เลยหล่ะค่ะ ถ้า

ใครเคยเป็นแฟนคลับครูอิง ตอนที่เปิดลานเก็บเพลงโปรดก็จะเห็นว่าครูอิงเคย

ใช้ ภาพพื้นหลังภาพสีดำ ระยิบระยับ ด้วยดาว ค่ะ

 

หรือแม้แต่บล็อกอื่น ๆ ของครูอิงหลายบล็อก     เช่น บล็อก (ลองคลิ๊กดูนะคะ)

http://gotoknow.org/blog/rimfaa/307520

http://gotoknow.org/blog/ruschadawon-taltal

ใช้พื้นสีเข้มค่ะ ทำให้เกิดปัญหาในเรื่องของตัวอักษร เพราะอ่านเม้นท์ของเพื่อน

ๆ ไม่ได้ ครูอิงจึงคิดว่า ฉันจะต้องเปลี่ยนตัวอักษรเป็นสีอื่นให้ได้ และครูอิงก็ทำ

สำเร็จค่ะ ด้วยการใส่โค้ดตัวนี้ค่ะ

               <style>font,td,div,p {font:14px Tahoma ;color: blue
                             ;}</style>

                               (ใส่ใน css  ที่ตกแต่งมาเองนะคะ)

            จริง ๆ แล้วเราสามารถเปลี่ยนสีในบล็อกได้ทุกส่วนค่ะ ไม่ว่าจะเป็น สีตัว

อักษรที่หัวบล้อก  หรือเปลี่ยนแบบตัวอักษร  เปลี่ยนขนาดตัวอักษร ก็ได้ค่ะ โดย

นำไปเปลี่ยนแทน ตัวสีแดง นะคะ  อย่างเช่นบล็อกนี้ของครูอิง  ครูอิงใช้ภาพพื้น

หลังสีฟ้า ครูอิงก็จะใช้โค้ดสีอักษร สีน้ำตาล อย่างนี้ค่ะ

   <style>font,td,div,p {font:14pxTahoma ;color: Brown ;}</style>

             แต่ก็มีตัวอักษรบางส่วนที่เราไม่สามารถเปลี่ยนได้ คือเป็นไปตามธีม

เดิม อันนี้เราต้องเลือกธีมที่ทีมงานให้มา ให้มีสีตัวอักษร เหมาะสมกับพื้นหลัง

ของเราด้วยหล่ะค่ะ ใครที่รู้สึกเบื่อ ๆ กับตัวอักษรสีดำ บนพื้นขาว เหมือนคนเหงา

ๆ แบบครูอิงหล่ะก็ ลองดูซิคะ  เพราะการแต่งบล็อกทำให้ครูอิงหายเหงาไปเยอะ

เลยหล่ะค่ะ  แต่ก็ไม่สามารถทำให้สมรรถภาพในการทำงานลดลงแต่ประการใด

ค่ะ ขอบอก

(รักสีใด ชอบสีใดก็ copy ไปใช้การได้เลยค่ะ)

COLORNAMES

AliceBlue	AntiqueWhite	Aqua
Aquamarine	Azure	Beige
Bisque	Black	BlanchedAlmond
Blue	BlueViolet	Brown
BurlyWood	CadetBlue	Chartreuse
Chocolate	Coral	CornflowerBlue
Cornsilk	Crimson	Cyan
DarkBlue	DarkCyan	DarkGoldenRod
DarkGray	DarkGreen	DarkKhaki
DarkMagenta	DarkOliveGreen	Darkorange
DarkOrchid	DarkRed	DarkSalmon
DarkSeaGreen	DarkSlateBlue	DarkSlateGray
DarkTurquoise	DarkViolet	DeepPink
DeepSkyBlue	DimGray	DodgerBlue
Feldspar	FireBrick	FloralWhite
ForestGreen	Fuchsia	Gainsboro
GhostWhite	Gold	GoldenRod
Gray	Green	GreenYellow
HoneyDew	HotPink	IndianRed
Indigo	Ivory	Khaki
Lavender	LavenderBlush	LawnGreen
LemonChiffon	LightBlue	LightCoral
LightCyan	LightGoldenRodYellow	LightGrey
LightGreen	LightPink	LightSalmon
LightSeaGreen	LightSkyBlue	LightSlateBlue
LightSlateGray	LightSteelBlue	LightYellow
Lime	LimeGreen	Linen
Magenta	Maroon	MediumAquaMarine
MediumBlue	MediumOrchid	MediumPurple
MediumSeaGreen	MediumSlateBlue	MediumSpringGreen
MediumTurquoise	MediumVioletRed	MidnightBlue
MintCream	MistyRose	Moccasin
NavajoWhite	Navy	OldLace
Olive	OliveDrab	Orange
OrangeRed	Orchid	PaleGoldenRod
PaleGreen	PaleTurquoise	PaleVioletRed
PapayaWhip	PeachPuff	Peru
Pink	Plum	PowderBlue
Purple	Red	RosyBrown
RoyalBlue	SaddleBrown	Salmon
SeaGreen	SeaShell	Sienna
Silver	SkyBlue	SlateBlue
SlateGray	Snow	SpringGreen
SteelBlue	Tan	Teal
Thistle	Tomato	Turquoise
Violet	VioletRed	Wheat
White	WhiteSmoke	Yellow

#FFFFFF  #FFCCFF  #FF99FF  #FF66FF  #FF33FF  #FF00FF

#CCFFFF  #CCCCFF  #CC99FF  #CC66FF  #CC33FF  #CC00FF

#99FFFF  #99CCFF  #9999FF  #9966FF  #9933FF  #9900FF

#66FFFF   #66CCFF  #6699FF  #6666FF  #6633FF  #6600FF

#33FFFF  #33CCFF  #3399FF  #3366FF  #3333FF  #3300FF

#00FFFF  #00CCFF  #0099FF  #0066FF  #0033FF  #0000FF

#FFFFCC  #FFCCCC  #FF99CC  #FF66CC  #FF33CC  #FF00CC

#CCFFCC  #CCCCCC  #CC99CC  #CC66CC  #CC33CC  #CC00CC

#99FFCC  #99CCCC  #9999CC  #9966CC  #9933CC  #9900CC

#66FFCC  #66CCCC  #6699CC  #6666CC  #6633CC  #6600CC

#33FFCC  #33CCCC  #3399CC  #3366CC  #3333CC  #3300CC

#00FFCC  #00CCCC  #0099CC  #0066CC  #0033CC  #0000CC

#FFFF99  #FFCC99  #FF9999  #FF6699  #FF3399  #FF0099

#CCFF99  #CCCC99  #CC9999  #CC6699  #CC3399  #CC0099

#99FF99  #99CC99  #999999  #996699  #993399  #990099

#66FF99  #66CC99  #669999  #666699  #663399  #660099

#33FF99  #33CC99  #339999  #336699  #333399  #330099

#00FF99  #00CC99  #009999  #006699  #003399  #000099

#FFFF66  #FFCC66  #FF9966  #FF6666  #FF3366  #FF0066

#CCFF66  #CCCC66  #CC9966  #CC6666  #CC3366  #CC0066

#99FF66  #99CC66  #999966  #996666  #993366  #990066

#66FF66  #669966  #666666  #996666  #663366  #660066

#33FF66  #33CC66  #339966  #336666  #333366  #330066

#00FF66  #00CC66  #009966  #006666  #003366  #000066

#FFFF66  #FFCC66  #FF9933  #FF6633  #FF3333  #FF0033

#CCFF33  #CCCC33  #CC9933  #CC6633  #CC3333  #CC0033

#99FF33  #99CC33  #999933  #996633  #993333  #990033

#66FF33  #66CC33  #669933  #666633  #663333  #660033

#33FF33  #33CC33  #339933  #336633  #333333  #330033

#00FF33  #00CC33  #009933  #006633  #003333  #000033

#FFFF00  #FFCC00  #FF9900  #FF6600  #FF3300  #FF0000

#CCFF00  #CCCC00  #CC9900  #CC6600  #CC3300  #CC0000

#99FF00  #99CC00  #999900  #996600  #993300  #990000

#66FF00  #66CC00  #669900  #666600  #663300  #660000

#33FF00  #33CC00  #339900  #336600  #333300  #330000

#00FF00  #00CC00  #009900  #006600  #003300  #000000

ขอบพระคุณ โค้ดสีจาก http://www.bloggang.com/viewdiary.php?id=auntymod&group=12