สีเหลืองที่ใช้อยู่ในบล็อก โลกสวยด้วยความฝันและเสียงเพลง
ค่าสีคือ 15
ความเข้มสีคือ 100 ค่ะ
ส่วนโค้ดที่ใช้ใส่รูป มีส่วนของสีพื้นที่ที่ใช้ใส่รูปด้วย ใช้สีแบคกราวน์คือ #FDFECB
โดยลงไว้ในส่วนที่ป้ายสีฟ้านะคะ สำหรับส่วนที่ป้ายสีเหลือง คือที่อยู่ของรูปซึ่งเราส่งไฟล์ขึ้นไว้ใน gotoknow ตัดมาเฉพาะ /file...... เป็นต้นไปพอ
โค้ดสำหรับใส่ในช่องตกแต่งพื้นที่ชื่อบันทึก (ตามของ อ.จันทวรรณในบันทึก CSS การใส่รูปในพื้นที่ชื่อบล็อก ) ซึ่งมีดังนี้
div#title{padding: 10px 4px 35px;
font-size: xx-small;color:#00C462;
background:#FDFECB;
background-image:url("/file/mydream/mybg39ipg.jpg");
background-repeat:no-repeat;
background-position:center center; height:55px;}
div#title span {display:none;}
ในส่วนของโค้ดสีแบคกราวน์ (หรือสี font ตัวอักษร) มีวิธีการหาแบบง่ายๆได้หลายวิธีค่ะ
วิธีของ k-jira ส่วนใหญ่จะใช้วิธีแบบขี้เกียจ จึงหาทางออกโดยทางลัดเอา ที่ใช้อยู่มี 2 วิธี
วิธีที่ 1 ใช้บ่อยที่สุด นั่นคือใช้โปรแกรม frontpage เพราะว่า k-jira ใช้โปรแกรมนี้เขียนเวบ เวลาจะหาก็จะเปิดหน้าว่างๆ (New page) ขึ้นมา ในส่วนของ design แล้วไปลงสีแบคกราวน์ หรือสีตัวอักษร จากนั้นก็จะ view html (คือวิวดูโค้ด html ของมัน ) มันก็จะปรากฏโค้ดสีขึ้นมา วิธี้จะใช้บ่อย เพราะว่า เราสามารถค้นหาสีที่ถูกใจเราได้ทุกสีเลย แล้วก้เห็นกันจะๆด้วยว่าสีเป็นเป็นแบบไหน
วิธีที่ 2 จะใช้เมื่อในเครื่องขณะนั้น ไม่มีโปรแกรม frontpage ก็จะใช้จากโปรแกรม photoshop วิธีการหาก็ง่ายเหมือนกันโดยมีขั้นตอนดังนี้
1. เปิดโปรแกรมขึ้นมา แล้วคลิกที่ช่องจานสี ดังในรูปที่ 1
รูปที่ 1
2. มันก็จะเปิดแผ่นออปชั่นสีขึ้นมาดังรูปที่ 2 ทีนี้เราก็ใช้เม้าท์ไปแตะที่สีในแถบ area แคบๆ ดังในรูปซึ่งมีสีมากมาย แตะตรงไหน ส่วนของ area ใหญ่ก็จะปรากฏสีนั้น ในความเข้มจางที่แตกต่างกันกระจายไปทั่ว
รูปที่ 2
ให้เราใช้เม้าท์แตะหาสีที่เราต้องการ โดยสีที่เราต้องการ มันจะปรากฏให้เห็นในช่อง color show ดังในรูป (เพิ่มเติมนิดนึง สีที่โชว์ในช่องนี้ ถ้ามันปรากฏขึ้นมาเป็น 2 ส่วน สีบนล่างไม่เหมือนกัน ให้ดูที่เป็นสีบนนะคะ)
3.เมื่อได้สีที่ต้องการแล้ว ก็ให้ดูในช่องที่โชว์โค้ดสี ให้เอาโค้ดนั้นไปใช้ได้เลยค่ะ ^^
วิธีการหาโค้ดสีเหล่านี้ เป็นวิธีการส่วนตัวที่ใช้ประจำในการแต่งเวบ หากท่านใดวิเทคนิคดีๆแบบอื่น ก็เอามา ลปรร กันบ้างนะคะ จะเป็นพระคุณยิ่ง.. ขอบคุณค่ะ ^_^
คุณอธิบายได้ละเอียดมาก ขอบคุณจริง ๆ ครับ
แล้วจะลองทำดู ถ้าทำไม่ได้ขอถามอีกจะรบกวนมั๊ยครับ
T ♥P
♥FoREveR ♥
โอห์ม + ฟิวล์