GotoKnow
  • เข้าระบบ
  • สมัครสมาชิก
  • แผงจัดการ
  • ออกจากระบบ
GotoKnow

ค่าสีของสีเหลือง กับวิธีหาโค้ดสีสำหรับลงพื้นแบคกราวน์

 


สีเหลืองที่ใช้อยู่ในบล็อก โลกสวยด้วยความฝันและเสียงเพลง

ค่าสีคือ    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.เมื่อได้สีที่ต้องการแล้ว ก็ให้ดูในช่องที่โชว์โค้ดสี  ให้เอาโค้ดนั้นไปใช้ได้เลยค่ะ ^^

 

วิธีการหาโค้ดสีเหล่านี้ เป็นวิธีการส่วนตัวที่ใช้ประจำในการแต่งเวบ หากท่านใดวิเทคนิคดีๆแบบอื่น ก็เอามา ลปรร กันบ้างนะคะ จะเป็นพระคุณยิ่ง.. ขอบคุณค่ะ  ^_^

บันทึกนี้เขียนที่ GotoKnow โดย 

หมายเลขบันทึก: 54484
เขียน:
แก้ไข:
ความเห็น: 5
อ่าน:
สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ

ความเห็น (5)

  • เหมือนเป็นคนแปลกหน้าหลงทางมา
  • พบขุมพลังแห่งความรู้
  • ขออนุญาตทำความรู้จักและคุ้นเคย
  • เพลงเพราะมากๆ
  • ขอบพระคุณมากครับ
  • หากใช้ภาษายุทธภพคงต้องกล่าวว่า " ต่ำใต้ล้วนพี่น้อง ท่านอาจารย์บวร กล่าวเกรงใจเกินไปแล้ว..มิกล้ารับๆ "
  • ดีใจจังที่มีคนชอบเพลงนี้
  • ขอบคุณที่แวะมาเยี่ยมเยือนอีกครั้งเช่นกัน ^_^

คุณอธิบายได้ละเอียดมาก   ขอบคุณจริง ๆ ครับ

แล้วจะลองทำดู  ถ้าทำไม่ได้ขอถามอีกจะรบกวนมั๊ยครับ

T P

FoREveR

โอห์ม + ฟิวล์