รัชดาวัลย์ วงษ์ชื่น(อิงจันทร์)
รัชดาวัลย์ วงษ์ชื่น(อิงจันทร์) ครูตาล วงษ์ชื่น

การแต่งบล้อกง่าย ๆ สไตล์อิงจันทร์ " 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

หมายเลขบันทึก: 307782เขียนเมื่อ 22 ตุลาคม 2009 14:06 น. ()แก้ไขเมื่อ 6 กันยายน 2013 21:45 น. ()สัญญาอนุญาต: ครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-อนุญาตแบบเดียวกันจำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (10)

สวัสดีครับ อิงจันทร์

  • ผมคนชอบซุกซน รีบเข้ามาเรียนรู้
  • ขอบพระคุณ ต้องไปลอง
  • เอาอีก เอาอีก
  • ขอให้มีความสุขครับ

บล็อกสวย ๆ ทำให้เรามีชีวิต ชีวาครับ

ขอบคุณครับผม

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

สวัสดีเพื่อนรัก

วันหน้าจะมาเรียน

ตอนนี้ยายลายแล้ว

สวัสดีค่ะอาจารย์อิงจันทร์

  • หนูชื่นชอบบล็อกอาจารย์มาตลอดค่ะ คือเนื้อหาของกลอนไพเราะ และสีสันของบล็อกก็เข้ากันอย่างกลมกลืน
  • ขอบคุณค่ะอาจารย์ที่แบ่งปันสิ่งดีๆค่ะ
  • สวัสดีจ๊ะ..เพื่อนที่รัก
  • นานๆได้เข้ามา..คึกคักดีจัง..อิอิ
  • มีความสุขเสมอๆ เลยนะเพื่อน..
  • คิดถึงๆๆๆๆ จ้า
  • ขอให้มีความสุขมากๆ อย่างนี้ตลอดไป

แวะมาเรียนรู้ ประสบการณ์ใหม่ ๆ ค่ะ

จะมาชวนไปเที่ยว  ที่นี่ ค่ะ   °o.O ผาเดียวดาย O.o°

จุดธูป จุดเทียน..อธิฐาน... 

แล้วจะกลับมาเรียนค่ะ

สัญญา

พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท