Theme "โมเดลปลาทู" เปลี่ยนโฉมบล็อกแบบง่ายๆ

ดิฉันสร้าง theme ขึ้นมาหนึ่ง theme ใช้ชื่อว่า "โมเดลปลาทู" สำหรับท่านที่ได้ทำความรู้จักกับเทคนิคการจัดการความรู้ตามแบบฉบับของ สคส. คงคุ้นเคยกับคำนี้ดีนะค่ะ

ท่านสามารถเปลี่ยนโฉมบล็อกของท่านให้เป็น theme "โมเดลปลาทู" ได้อย่างง่ายดายค่ะ ซึ่งจะได้หน้าตาออกมาอย่างในบล็อก E-commerce ของดิฉันนะค่ะ (http://ecommerce.gotoknow.org)

วิธีการเปลี่ยนโฉมบล็อก

1) ไปที่แผงควบคุม > กดแก้ไข ที่บล็อกที่ต้องการ
2) เลือกค่าสี เป็น 96 และ ค่าความเข้มสี เป็น 61
3) ที่ช่อง CSS ให้ใส่ code ด้านล่างนี้ลงไป แล้วกดบันทึกเก็บ

  div#subtitle { font-size: medium; color:#e2c7c5;}
  div#container {width: 840px; background: #ffffff;}
  div#sidebar2 {width: 215px; 
  background-image:url("/file/jantawan/sidebar2_bg.gif"); 
  border: 0px solid #ffffff;}
  div#content2 {background: #ffffff; width: 595px; 
  background-image:url("/file/jantawan/content2_bg.gif");
  border: 0px solid #ffffff;}
  body{ background: #e2c7c5; 
  background-image: url("/file/jantawan/default_bg_redbar.gif");
  background-repeat: repeat-x;}
  div#title{padding: 10px 4px 35px;    
  font-size: big; color:#e2c7c5;       
  background:#9b2542;   
  background-image:url("/file/jantawan/default_title_red.gif");     
  background-repeat:no-repeat;   
  background-position:center center;   
  height:35px;}
  div#title span {display:none;}

และขอเชิญชวนท่านที่มีความสามารถในด้านการออกแบบกราฟฟิกมาช่วยกันสร้างสรร theme สวยๆ ชื่อเก๋ๆ ให้สมาชิกท่านอื่นๆ ได้หยิบยืมไปใช้นะค่ะ :)

บันทึกนี้เขียนที่ GotoKnow โดย  ใน ศูนย์ช่วยเหลือการใช้งาน GotoKnow

คำสำคัญ (Tags)#blog#บล็อก#theme#โมเดลปลาทู#css#ชุดสี#ค่าสี#ค่าความเข้มสี

หมายเลขบันทึก: 57367, เขียน: 06 Nov 2006 @ 10:40 (), แก้ไข: 06 Sep 2013 @ 17:36 (), สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ, ความเห็น: 15, อ่าน: คลิก


ความเห็น (15)

สีสรร theme นี้ออกจะเป็นผู้หญิงนะค่ะ ไว้ดิฉันจะทำ theme ใหม่ๆ ออกมาให้อีกค่ะ

และขอเชิญชวนท่านที่มีความสามารถในด้านการออกแบบกราฟฟิกและ CSS มาช่วยกันสร้างสรร theme สวยๆ ชื่อเก๋ๆ ให้สมาชิกท่านอื่นๆ ได้หยิบยืมไปใช้นะค่ะ :)

ตอนนี้พี่แกบ สคส. ได้ลอง theme นี้แล้วค่ะ http://light.gotoknow.org และบล็อกของดิฉันที่ใช้ theme นี้ http://ecommerce.gotoknow.org ค่ะ

สาวๆ น่าจะลองดูหน่อยนะค่ะ :)

 

maawza
เขียนเมื่อ 
ขอบคุณค่ะอาจารย์ตอนนี้หนูเปลี่ยนเป็น Theme "โมเดลปลาทู" ได้แล้วค่ะ  แล้วก็ลองเปลี่ยนรูปพื้นหลังได้แล้วสนุกดีค่ะ แล้วหนุจะลองทำบ่อยๆ ค่ะ

ขอบคุณครับ ผมเลยดุหวานไปเลยครับ

seangja
เขียนเมื่อ 

ทดลองทำดูแล้วชอบมากเลยค่ะขอบคุณมากนะคะ

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

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

อยากได้ปลาทูสีน้ำเงิน เหมือนเป็นปลาทูในทะเลค่ะ ช่วยแนะนำหน่อยนะคะ

เดี๋ยวดิฉันทำโมเดลปลาทูในน้ำทะเลให้ค่ะ :)

ขอขอบพระคุณล่วงหน้าค่ะ

สีสวยเหมาะแก่งานร้อยกรองจังเลยค่ะ  ขอบคุณค่ะ

 http://gotoknow.org/blog/tip-poem

ขอบพระคุณค่ะ ชอบรูปปลาทูค่ะ เอาไปทำบล็อก

http://gotoknow.org/blog/JCH

Women's Health ใช้พื้นสี 90-90 ค่ะ

Jinny
เขียนเมื่อ 
ขอบคุณสำหรับ Theme สวยๆนะคะ ได้ลองนำไปใช้แล้ว และขอบคุณสำหรับคำแนะนำดีๆในวันงานประชุมด้วยค่ะ
aon
IP: xxx.7.159.90
เขียนเมื่อ 
หนูลองเอาTheme ของอาจารย์ไปลองเปลี่ยนดู พอจะเปลี่ยนได้บ้างแล้วค่ะ ว่าจะหัดทำไปเรื่อยๆ ขอบคุณค่ะ

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