รูปกราฟฟิก 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)

वीर
เขียนเมื่อ 08 Mar 2007 @ 12:02
สวยดีครับ ไม่เลอะเทอะ

ขอบคุณค่ะ

จะลองใช้เลย

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

  • ภาพสวย และเรียบง่ายดีครับ
  • แบบน้ำหยด... เรียนเสนอให้มีแบบสีเขียวเพิ่มครับ
ตาหยู
เขียนเมื่อ 08 Mar 2007 @ 17:49

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

ขอบคุณครับ 

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

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

EmoTion
เขียนเมื่อ 09 Mar 2007 @ 10:28

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

 

นุ้ยcsmsu
เขียนเมื่อ 10 Mar 2007 @ 13:13
ขอบคุณค่ะ ชอบหยดน้ำจัง

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

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

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

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

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

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

นามสมมติ
เขียนเมื่อ 28 Mar 2007 @ 17:03

ขอบคุณครับ

จะลองทำดู

นามสมมติ
เขียนเมื่อ 28 Mar 2007 @ 17:10

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

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

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

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

TheInk
เขียนเมื่อ 15 Jun 2007 @ 15:00

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

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

   ขอบคุณมากครับ สวยจริงๆ
pa_daeng
เขียนเมื่อ 15 Jun 2007 @ 21:06

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

ตันพานิช
เขียนเมื่อ 16 Jun 2007 @ 12:48
  • ขอบคุณอาจารย์จันทวรรณมากนะคะที่ให้ความรู้และให้แบบสวยๆ
  • จะทดลองทำดูนะคะ ไม่ทราบว่าจะได้ผลหรือเปล่า..เพราะด้อยทางนี้มากค่ะ..
  • ขอบคุณค่ะ

 

เอย่า
เขียนเมื่อ 16 Jun 2007 @ 12:51

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

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

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

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

 

บังเอิญ
เขียนเมื่อ 19 Jun 2007 @ 12:43

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

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

 

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

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

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

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

paew
เขียนเมื่อ 06 Sep 2007 @ 13:53
สวยมากๆค่ะ ชอบดอกไม้ อขอนุญาตนำไปใช้ค่ะ ขอบคุณค่ะ
ครูหน่อย
IP: xxx.113.22.252
เขียนเมื่อ 12 Oct 2007 @ 09:28

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

piccolo
เขียนเมื่อ 25 Nov 2007 @ 12:21
ขอใช้อีกคนน้ะครับ
บุษบา
IP: xxx.8.237.50
เขียนเมื่อ 25 Nov 2007 @ 22:50

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

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

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

พรรษา ศิริสาคร
IP: xxx.172.167.83
เขียนเมื่อ 30 May 2008 @ 06:24

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

apinya
IP: xxx.151.232.70
เขียนเมื่อ 25 Jul 2008 @ 11:03

ขอบคุนนะคะ

aaa
IP: xxx.151.232.70
เขียนเมื่อ 09 Sep 2008 @ 14:26

ขอบคุณครับ

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

gibbo
เขียนเมื่อ 09 Sep 2008 @ 14:50

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

ploy
IP: xxx.121.125.216
เขียนเมื่อ 30 Mar 2009 @ 08:33

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

www.mandrl.co.cc

tonnon
IP: xxx.173.248.219
เขียนเมื่อ 19 Jun 2009 @ 13:55

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

ไม่บอก
IP: xxx.122.173.119
เขียนเมื่อ 01 Aug 2009 @ 12:46

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

ม่ายปอก
IP: xxx.122.173.119
เขียนเมื่อ 01 Aug 2009 @ 12:52

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