อ่า... สวัสดีขอรับ~~~ ไม่ได้อัพนานแล้ว (ประมาณ 5 ชม.) เอนทรี่เมื่อกี้ อัพแก้ดองไป คราวนี้กลับมาเรื่อง 7 เอนทรี่เหมือนเดิมแล้วคร้าบบบ

        ที่ผ่านมาอัพแต่เรื่องที่ไม่เคยอัพมาทั้งนั้น มาเอนทรี่นี้ได้กลับมาอัพเรื่องที่ถนัดเหมือนเดิมแล้ว^ ^

           ก่อนอื่นอยากถาม (ให้ตอบในใจ) หลายๆคน ที่เพิ่งเข้ามาสมัครเว็บ exteen ว่า เคยแต่งบล็อกกันรึเปล่า?

           ทำไมต้องแต่งบล็อก???

           ปกติเวลาคุณเลือกทานข้าว แวปแรกที่ตัดสินก็คือ "หน้าร้าน" ถ้าหน้าร้านไม่สะอาด หรือสกปรก เป็นผมคงหนีไปเลย (เว้นแต่มีร้านเดียวก็ฝืนต่อไป =w=)

           บล็อกก็เช่นกัน "ธีม"(Theme) ก็ถือเป็นหน้าร้านที่คอยต้อนรับผู้เข้าชม หากว่ามีคนแปลกหน้า(น่ากลัว!!)คนภายนอกลองเข้ามาดูว่าเป็นอย่างไรบ้าง ถ้าธีมตัวหนังสือเรียบๆ พื้นหลังสีขาวๆ ก็อาจจะกดปุ่มปิดไปแล้วก็ได้

           เพราะฉะนั้น อย่าละเลยเรื่องสำคัญพวกนี้ หากคุณต้องการให้คนเข้ามาเยอะๆ หรือมีเพื่อนเยอะๆ

 

           วันนี้ผมจะสอนแต่ง CSS บล็อก(ตามคำขอ) แบบมือใหม่ก็ทำได้ (พยายามเขียนให้เข้าใจง่ายที่สุดนะครับ) ดัดแปลงจากธีมหากิน "My Apollo" มาทำให้่สวยขึ้น

 

           คำแนะนำ : คนที่ปรับจากโหมด wizard (แม่มด!!) [โหมดแต่งสำเร็จรูป] มาเป็น CSS Editor จะกลับมาโหมดเดิมไม่ได้แล้วนะ ตัดสินใจดีๆ

ปล. ไม่เหมาะสำหรับขั้น advance (มือโปรนั่นแหละ) เพราะผมจะสอนให้แต่งบางจุด(ที่ควรแก้)เท่า่นั้นละ ^ ^

 

==========================================================

ความรู้พื้นฐานก่อนจะเรียน (เอาไว้ประดับสมอง หนักกบาลเล่นๆ)

ก่อนที่เอาจะขอมาแก้ css นั้น ต้องมีพื้นฐานเรื่องพวกนี้ก่อน เวลาแก้ปรับเปลี่ยนอะไร จะได้เข้าใจไงล่ะ...

1. รู้ก่อน แต่ง css ที่ไหน

ไม่รู้ก็ไปตายซะไป๊!! ล้อเล่น แหะๆ เราคงไม่ใจร้ายขนาดนั้นหรอก (แค่ 1 ใน 4 เท่านั้นเอง) เย้ย

ไปที่ Theme -> เลือกธีมตัวเอง -> Edit -> CSS Editor (อยู่ด้านบน)

2. เวลาแต่ง css พยายามเลี่ยงการใช้ IE

เพราะว่าจะมัน copy หรือ paste โค้ดเมื่อไหร่ มาจะเว้นบรรทัดเรื่อยๆ (สรุป IE มันห่วย = =") แนะนำว่าใช้หมาไฟจะดีกว่า (โครมก็ใช้ได้ชิมิ)

  3. รู้จักรหัส RGB Code

และแล้ว เดี๋ยวมันต้องมีคนบ่นว่า "RGB คือไรวะแสรด" ตอบให้ก็ได้ (บล็อกจะเสื่อมก็เพราะคำหยาบนี่แหละ -..-)

 RGB มันก็อ่านว่า อาร์-จี-บี นั่นแหละคงไม่มีใครอ่าน อาร์จุ๊บุ จุ๊บุ หรอก = =; บางคนเคยผ่านหูมาบ้างแล้วละ ตอนแต่ง "ฮิห้า" ก็คงถนัดเลย 

 RGB ก็ตามที่ใส่สีนั้นแหละ ย่อมาจาก R = Red, G = Green, B = Blue เป็นแม่สี 3 สีตามหลักศิลปะ (ทั้งๆที่สอนคอมอยู่ -*-) เมื่อจับสีใดสีหนึ่งรวมกัน ก็จะได้สีใหม่ขึ้นมา

 
เหมือนช่อง 7 สีซะมากกว่า =w= (credit: minutemanbristol.com)

เอ้า!! กลับมาเรื่อง RGB Code ต่อ

  "RGB Code" มันก็คือรหัสตัวเลขแทนแต่ละสีนั่