รูปกราฟฟิก 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 โดย  ใน ศูนย์ช่วยเหลือการใช้งาน GotoKnow

คำสำคัญ (Tags)#theme#banner#title bar

หมายเลขบันทึก: 82602, เขียน: 08 Mar 2007 @ 11:30 (), แก้ไข: 04 Oct 2015 @ 12:28 (), สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ, ความเห็น: 44, อ่าน: คลิก
บันทึกที่เกี่ยวข้อง


ความเห็น (44)

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

ขอบคุณค่ะ

จะลองใช้เลย

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

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

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

ขอบคุณครับ 

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

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

เขียนเมื่อ 

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

 

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

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

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

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

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

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

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

เขียนเมื่อ 

ขอบคุณครับ

จะลองทำดู

เขียนเมื่อ 

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

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

  • สวยทุกแบบเลยค่ะ
  • ขออนุญาตนำไปใช้ด้วยนะคะ
  • ขอบคุณมากค่ะ
spy
IP: xxx.188.38.129
เขียนเมื่อ 

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

เขียนเมื่อ 

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

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

   ขอบคุณมากครับ สวยจริงๆ
เขียนเมื่อ 

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

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

 

เขียนเมื่อ 

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

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

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

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

 

เขียนเมื่อ 

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

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

 

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

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

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

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

เขียนเมื่อ 
สวยมากๆค่ะ ชอบดอกไม้ อขอนุญาตนำไปใช้ค่ะ ขอบคุณค่ะ
เขียนเมื่อ 
ครูหน่อย
IP: xxx.113.22.252
เขียนเมื่อ 

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

เขียนเมื่อ 
ขอใช้อีกคนน้ะครับ
บุษบา
IP: xxx.8.237.50
เขียนเมื่อ 

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

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

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

พรรษา ศิริสาคร
IP: xxx.172.167.83
เขียนเมื่อ 

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

apinya
IP: xxx.151.232.70
เขียนเมื่อ 

ขอบคุนนะคะ

aaa
IP: xxx.151.232.70
เขียนเมื่อ 

ขอบคุณครับ

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

เขียนเมื่อ 

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

ploy
IP: xxx.121.125.216
เขียนเมื่อ 

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

www.mandrl.co.cc

tonnon
IP: xxx.173.248.219
เขียนเมื่อ 

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

ไม่บอก
IP: xxx.122.173.119
เขียนเมื่อ 

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

ม่ายปอก
IP: xxx.122.173.119
เขียนเมื่อ 

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