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

รูปกราฟฟิก banner สำหรับส่วนชื่อบล็อก (title bar)

ช่วงนั่งเครื่องบินไปประชุมที่ กทม. สองครั้งที่ผ่านมา ดิฉันงีบเท่าไรก็ไม่หลับเหมือนเคย คงเป็นเพราะสมองปิดสวิทซ์ไม่ลง

แต่อย่างไรก็อยากให้ชั่วโมงกว่าๆ เป็นช่วงที่สมองได้คิดเรื่องอื่นบ้างที่ไม่ใช่เรื่องเรื่องงาน รู้สึกเหมือนกันค่ะว่า ปล่อยให้ตัวเองเป็นพวก workalcoholic อยู่หลายชั่วโมงต่อวัน

พักผ่อนอย่างไรดีหนอ หนังสือก็ไม่ติดมาสักเล่ม เพราะกะไปหอบหิ้วมาจากร้านหนังสือ

คิดไปคิดมาก็เปิด notebook ขึ้นนั่งทำกราฟฟิกสำหรับส่วน title  เล่นๆ ดีกว่า เพราะเป็นการได้ทำสิ่งที่สนุกสิ่งที่ชอบ มีสมาธิดี ไม่คิดเรื่องอื่นใด

แล้วเวลาก็ผ่านมาไปหนึ่งชั่วโมงในแต่ละเที่ยวบิน

ได้มาเป็นกราฟฟิก banner สำหรับวางด้านบนของ บล็อก หรือ แพลนเน็ต หรือ ประวัติ ค่ะ

CSS code ที่ใส่ในการตกแต่ง

div#title {
background-image:url("/gotoknow/img/title_04.jpg");
background-repeat:no-repeat;
background-position:center center;
height:110px;}

เลือกสี theme

http://gotoknow.org/blog/tutorial/54313

อ่านเพิ่มๆ เรื่องการตกแต่ง ได้ที่

http://gotoknow.org/post/tag/theme

หรือถ้าอยากใส่ background ก็ค้นหากันได้ด้วยคำหลักต่างๆ เช่น

http://gotoknow.org/file/tag/background

ถ้าไม่ทราบคำหลักก็ลองเข้าที่นี่ค่ะ
http://gotoknow.org/file/tag

ปล. แล้วจะทำให้เลือก theme ได้อัตโนมัติในภายหลังนะค่ะ

http://gotoknow.org/gotoknow/img/title_01.jpg


http://gotoknow.org/gotoknow/img/title_03.jpg


http://gotoknow.org/gotoknow/img/title_04.jpg

ส่วนรูปด้านล่างนี้เพิ่งจะทำเพิ่มให้วันนี้ค่ะ

http://gotoknow.org/gotoknow/img/title_05.jpg

http://gotoknow.org/gotoknow/img/title_06.jpg

http://gotoknow.org/gotoknow/img/title_07.jpg

http://gotoknow.org/gotoknow/img/title_08.jpg

http://gotoknow.org/gotoknow/img/title_09.jpg

http://gotoknow.org/gotoknow/img/title_10.jpg

http://gotoknow.org/gotoknow/img/title_11.jpg

http://gotoknow.org/gotoknow/img/title_12.jpg

http://gotoknow.org/gotoknow/img/title_13.jpg

http://gotoknow.org/gotoknow/img/title_14.jpg

http://gotoknow.org/gotoknow/img/title_15.jpg

http://gotoknow.org/gotoknow/img/title_16.jpg

http://gotoknow.org/gotoknow/img/title_17.jpg

http://gotoknow.org/gotoknow/img/title_18.jpg

http://gotoknow.org/gotoknow/img/title_19.jpg

http://gotoknow.org/gotoknow/img/title_20.jpg

http://gotoknow.org/gotoknow/img/title_21.jpg

http://gotoknow.org/gotoknow/img/title_22.jpg

http://gotoknow.org/gotoknow/img/title_23.jpg

 

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

คำสำคัญ (keywords): themebannertitle bar
หมายเลขบันทึก: 82602
เขียน:
แก้ไข:
ความเห็น: 44
อ่าน:
สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ

ความเห็น (44)

สวยดีครับ ไม่เลอะเทอะ

ขอบคุณค่ะ

จะลองใช้เลย

ขอขอบคุณอาจารย์จันทวรรณ...

  • ภาพสวย และเรียบง่ายดีครับ
  • แบบน้ำหยด... เรียนเสนอให้มีแบบสีเขียวเพิ่มครับ

ขอใช้ด้วยนะครับ

ขอบคุณครับ 

ทำเพิ่มมาให้เยอะเลยค่ะ มีสีเขียวด้วยแล้วนะค่ะ

สวยดีค่ะ ขออนุญาตนำไปใช้บ้างนะคะ ขอบคุณค่ะ

ขอบคุณอาจารย์จันทวรรณคะ ภาพสวยงามมากคะ

 

ขอบคุณค่ะ ชอบหยดน้ำจัง

ขอขอบพระคุณอาจารย์จันทวรรณ...

  • ขอขอบพระคุณสำหรับการทำ Banner สวยงามมากมาย

ต่อไป Go2know คงจะเป็นชุมชนที่มีสีสันมากมาย โดยเฉพาะ....

  1. สีน้ำเงิน... ที่กล่าวกันว่า เป็นสีแห่งความทันสมัย
  2. สีเขียว... ที่กล่าวกันว่า เป็นสีแห่งความใส่ใจสิ่งแวดล้อม (Green)

สวยมากครับ..

ขอใช้ด้วยน่ะ...Thank.

ขอบคุณครับ

จะลองทำดู

มีปัญหา ไม่เต็มแบนเนอร์ครับ

แก้ไขให้เต็มได้อย่างไรครับ

  • สวยทุกแบบเลยค่ะ
  • ขออนุญาตนำไปใช้ด้วยนะคะ
  • ขอบคุณมากค่ะ

ขอบคุณมากครับ พอมีโทนสีเทาหรือเปล่าครับ

ขอบคุณอาจารย์ครับ

นับเป็นการเริ่มต้นง่ายๆ ก่อน 

   ขอบคุณมากครับ สวยจริงๆ

สวัสดีค่ะ จะมีสอนทำบ้างมั้ยคะ อาจารย์

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

 

จะรองทำดูนะค่ะ ขอบคุณค่ะ

ขออนุญาตใช้ banner รูปหยดน้ำนะคะ...ขอบคุณค่ะ 

  • สวยดีจัง ขออนุญาตนำไปใช้บ้างนะครับ
  • แต่หากจะเขียนข้อความลงไปด้วยต้องทำอย่างไรครับ.

ขออนุญาตนำไปใช้นะคะ ขอบคุณค่ะ

 

ขอบคุณมากค่ะ

ขอบคุณครับ
ขออนุญาตนำไปใช้นะครับ

 

เป็นประโยชน์มากเลยครับ

รูปที่ 5 นำไปใช้แล้ว สวยถูกใจ ขอบคุณค่ะ

รูปที่ 21 กระผมนำไปใช้แล้วครับ ขอบคุณหลาย
http://gotoknow.org/gotoknow/img/title_21.jpg

สวยมากครับ ขออนุญาตใช้นะครับ

สวยมากๆค่ะ ชอบดอกไม้ อขอนุญาตนำไปใช้ค่ะ ขอบคุณค่ะ

ชอบดอกไม้มากค่ะ สวยดี ขออนุญาตนำไปใช้นะคะ เพิ่งหัดทำweb  ขอบคุณมาก ๆ ค่ะ

ขอใช้อีกคนน้ะครับ

ขอบคุณค่ะ...กำลังต้องการเลย ขออณุญาตินำไปใช้นะค่ะ

พึ่งเปิดเจอ มือใหม่หัดสร้าง ขออนุญาตินำไปใช้ด้วยนะค่ะ

สวัสดี ค่ะ..ครูส้ม ขออนุญาต นำไปใช้ ค่ะ ขอบคุณ มากมาย...

ขออนุญาตนำไปใช้นะครับ ขอบคุณหลาย

ขอบคุนนะคะ

ขอบคุณครับ

กำลังต้องการพอดีใช้ระหว่างเรียนเลยนะเนี่ย

หนึ่งชั่วโมงของอาจารย์คุ้มค่ามากเลยครับ ขนาดทำเล่นๆยังมีผลงานออกมาซะมากมาย

ขอไปแต่งเวปนะ

www.mandrl.co.cc

ขออนุญาติเอาไปใช้นะค่ะ ขอบคุณค่ะ

ก้อดียูหรอกนา แต่ว่า ม่ายโดนจั้ยอะ

ย้อเย่นค่ะดีมากกกกกกกกกกกกกกกกกกกกกกกกกกกเลยคุ้มค่าจิงจิงที่เข้ามาดู(ก็แค่แกล้งยอเฉยๆ) อันนี้ที่อยู่ในวงเล็บก็ล้อเล่เหมือกา อิอิ คุคุ