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

เหตุเกิดเมื่อวานนี้..กับการเปลี่ยนแปลงแต่งสีบล็อกใหม่

 

หลังจากเมื่อวานนี้ไปได้ code การแต่งบล็อกมา (จากบันทึกนี้ วิธีการใส่ Theme(ชุดแต่งบล็อก) ให้บล็อกของเราค่ะ )  ก็เกิดความคิดว่า  เออ... บล็อกของเราไม่ได้เปลี่ยนแปลงทาสีใหม่มานานแล้ว เห็นควรปรับปรุงเสียที รูปแบบเดิมมันเบื่อแล้ว   ดังนั้นไซร้ จึงจัดแจงเปิดโปรแกรม 2 โปรแกรมควบคู่กับเปิดเวบ G2K คือ โปรแกรม photoshop  กับโปรแกรม frontpage editor

หลายท่านอ่านมาตรงนี้คงงง  โปรแกรม  photoshop  เอาไว้ตกแต่งรูป ทำโลโก้ยังพอทราบ  แต่เจ้าโปรแกรม frontpage editor เอาไว้ทำอะไร ?

ไม่ต้องนึกทายไปค่ะ ขอเฉลยเลย...เจ้าโปรแกรม frontpage editor  เนี่ย ก็เอาไว้หาสี ที่จะเอามาตกแต่งพื้น ตลอดจนตัวอักษร ที่จะนำมาใช้ใน code ไงคะ

 

 

2006年7月壁纸酷月历  1280*1024 3 - [wallcoo.com]_200607_July_desktop_calender_dog_8ln.jpg 2006年7月壁纸酷月历  1280*1024 1 - [wallcoo.com]_200607_July_desktop_calender_dog_8l.jpg

 

ดังที่เคยเล่าไว้ใน  How come to be k-jira ?  ไงคะ   ...  k-jira ไม่มีความรู้พื้นฐานเรื่องการเขียน code  ตลอดจนการเขียน HTML เลย    code ต่างๆเอามาจากการดัดแปลง เล่นแร่แปรธาตุมาทั้งนั้น

 อย่าง code HTML ที่เอามาใช้ตกแต่งหน้าตาเวบบอร์ด ก็เอามาจาก การเข้าไปเขียหน้าตาเวบเพจ ในหน้า design ของโปรแกรม  frontpage editor   แล้วก็ view code เอา   พวก php ก็เอามาจากตกแต่งแก้ไขหน้าเวบเพจ จาก หน้า design ของ Dreamwaver แล้ว  view code เอาออกมาอีกที

ซึ่งกระบวนการนั้น ต้องลองผิดลองถูกกันนาน แต่ก็สนุก เหมือนเล่มเกมเลย ^__^

สำหรับการตกแต่งบล็อกก็เหมือนกัน  เนื่องจากสี font ใช้ค่าสี แบบ   # แล้วก็ตามด้วยตัวเลข หรือตัวอักษรภาษาอังกฤษอีก 6 ตัว  k-jira จำไม่ได้หรอกว่า ค่าสีไหน ออกมาแบบไหน แล้วแบบไหมันถึงจะสวย

 

2006年7月壁纸酷月历  1280*1024 11 - [wallcoo.com]_200607_July_desktop_calender_EA52028p.jpg2006年7月壁纸酷月历  1280*1024 7 - [wallcoo.com]_200607_July_desktop_calender_EA52028f.jpg 

จึงใช้วิธี เข้าไปสร้างสีพื้นแบคกราวน์ สี font  (ตัวอักษร)  เอาจากหน้า design ของ frontpage editor  เลือกจนได้สีที่ถูกใจ  จากนั้นก็มา view code ดูเอาว่า สีดังกล่าวนั้น มันมี code สีว่าอย่างไร  วิธีนี้จึงง่าย  สะดวก และทำได้รวดเร็วมาก ไม่ต้องใส่ตัวเลขสุ่มเอา ไม่ต้องจดจำ code ให้เปลืองพื้นที่ในสมอง

code สี แบบ #xxxxxx  เนี่ย จะใช้กันเยอะมากๆ  และเพราะมี frontpage editor   ที่สามารถแสดงให้เห็นได้อย่างรวดเร็วและชัดเจนเลยว่า สีไหนสวย หรือเหมาะสม จากนั้นเอา code มาใช้ได้เลย ทำให้ทุ่นเวลาในการทำ และเหมาะสมสำหรับคนขี้เกียจอย่าง k-jira เจ้าโปรแกรมนี้ 

 

บางท่านอาจจะแปลกใจว่ามันอยู่ตรงไหน  ใครที่ใช้วินโดว์ XP มันจะมีแถมติดมาให้นะคะ  อยู่ใน Microsoft office น่ะค่ะ  ชื่อว่า Microsoft office frontpage ลองเปิดดูได้  หรือว่าจะดูที่ browser  ตรงไอคอนบาร์คำสั่ง edit with ...  ก็จะมีเจ้าโปรแกรมนี้ซ่อนอยู่ด้วย

เวลาจะใช้ก็เปิดออกมา   เปิดหน้า new page ขึ้น  แล้วบนพื้นที่ว่างขาวๆ ที่ให้เรา  design สร้างเวบเพจ ให้คลิกขวา เพื่อเลือก  page properties.. จากนั้น ก็เลือก formatting เพื่อเข้าสู่หน้า set สีพื้นแบคกราวน์และ font ตรงนี้เอง ก็ set ไปเลย ตามความพอใจของเรา 
ได้สีถูกใจเมื่อไหร่ ก็คลิกที่ คำสั่ง view code ตรง มุมล่างซ้ายของโปรแกรม  เราก็จะได้เห็น code สีที่เราต้องการ  จากนั้นก็ copy ไป paste ในส่วนที่ให้ใส่ code สีแต่งบล็อกได้เลย

ง่ายๆเนอะ... ^___^

 

 

2006年7月壁纸酷月历  1280*1024 6 - [wallcoo.com]_200607_July_desktop_calender_EA52028e.jpg 2006年7月壁纸酷月历  1280*1024 8 - [wallcoo.com]_200607_July_desktop_calender_EA52028h.jpg

 

วิธีหาค่า code สีแบบ  #xxxxxx  พอจะลักไก่หาได้แบบนี้  แต่ k-jira ยังหาลักไก่หา code สีแบบ CSS  ที่ใส่ค่าสีและความเข้มสีไม่ได้เลย   ใครมีวิธีดีๆ ที่สะดวก ง่าย ไม่ต้องจำ เหมาะกับคนขี้เกียจและคนขี้ลืม ก็โปรดช่วยแนะนำด้วยนะคะ

ขอบคุณล่วงหน้าค่า   ^O^

 


ทีนี้พอได้ของเล่น ( code การแต่งบล็อก มาแต่งบล็อกใหม่) ครั้นจะเข้าไปแต่งในบล็อก "สมุดบันทึกของ k-jira"  ที่มีบันทึกเขียนไว้เยอะแยะแล้ว ก็กลัวว่า ยังอยู่ในขั้นลองผิดลองถูก เดี๋ยวทำบล็อกเพี้ยน  ดังนั้นจึงสร้างบล็อกใหม่ขึ้นอีกบล็อก  ไม่รู้จะให้ชื่ออะไรดี เลยตั้งชื่อว่า "ขีดๆเขียนๆ"  แล้ว ตั้งชื่อภาษาอังกฤษ เพื่อจะเอาไปทำโลโก้หัวบล็อกว่า  writer's cornor ตั้งใจว่าจะเอาไว้เป็นมุมที่เก็บเรื่องที่เขียนเล่นๆ  ไม่ค่อยมีสาระวิชาการอะไรมาก  รวมไปถึงบทความที่เกี่ยวกับเทคนิคการเขียนต่างๆเอาไว้  มันจะได้แตกต่างจากมุม "สมุดบันทึกของ k-jira " เสียหน่อย

 

2006年8月月历壁纸  1280*1024  6 - [wallcoo.com]_200608_calender_wallpaper_00Untitled-1.jpg 2006年8月月历壁纸  1280*1024  9 - [wallcoo.com]_200608_calender_wallpaper_bonobono_1280X1024(8).jpg

 

ดังนั้นมุมใหม่ "ขีดๆเขียนๆ" ก็ลืมตาขึ้นมาดูโลก เป็นสมาชิกใหม่ของ G2K อีกมุมหนึ่ง  นับตั้งแต่เมื่อวานนี้

ขอฝากเนื้อฝากตัวด้วยนะคะ  ^____^

 

........................................................

 

 

ขอขอบคุณอีกหลายบันทึก ที่เข้าไปศึกษาได้วิธีการตกบล็อกสวยๆมามากมายนะคะ

 

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

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

ความเห็น (5)

 

ของแถมท้ายบันทึกอีกแล้วค่ะทุกท่าน ^___^

เห็นรูปสวยๆหวานๆ ที่เอามาแต่งบล็อกไหมคะ รูปเหล่านี้เป็นของฝากสำหรับชาว G2K นะคะ  โดย

    1. ชอบรูปไหน ให้คลิกที่รูปนั้นเพื่อเปิดหน้าใหม่
    2. รอให้รูปใหญ่โหลดจนเต็มรูป
    3. จากนั้นคลิกขวาที่รูปใหญ่ เลือกคำสั่ง save picture as..
    4. เปลี่ยนชื่อรูปเป็นอะไรก็ได้ เพื่อ save เก็บไว้ใช้ในเครื่อง
    5. ถ้าต้องการเอาขึ้นทำเป็น desktop ก็เลือกที่  Set as Background

หวังว่าคงชอบกันนะคะ  ^___^

  • อยากมี blog สวยๆ กับเขาบ้าง  แต่ดูเหมือนตัวขี้เกียจมันยังรั้งไว้อยู่  ไว้สลัดมันได้เมื่อไร จะนำเทคนิคของคุณ k-jira ไปใช้
  • ชาว blogger พยา-ธิอยากนัดทานข้าวเที่ยงกับคุณ k-jira  ไม่ทราบว่าจะสะดวกวันไหนคะ
  • เพลงประกอบ blog เพราะมากเลยค่ะ

 

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

^_____^

สวัสดีค่ะคุณ K-Jira

บ้านสีอบอุ่นมากค่ะ ชอบรูปใน Banner

มีดนตรีเต้นระบำด้วย

สบายดีนะคะ

^____^

 

lสวัสดีค่ะน้อง IS

  • สบายดีไหมจ๊ะ ไม่ได้เจอ ไม่ได้คุยกันเสียนานเหมือนกันเนอะ
  • ช่วงนี้เรียนหนักไหม อากาศทางโน้นเป็นไงมั่ง ^__^
  • ดีใจที่แวะมาเยี่ยมเยียนทักทายกันนะคะ
  • ขอบคุณมากค่ะ
  • ^___^