Green Theme
วันนี้ดิฉันได้สร้าง theme ที่เป็นโทนสีเขียวมาฝากกันค่ะ ตอนแรกคิดว่าจะทำเป็นสีเหลือง เพราะไม่ค่อยมีใครทำ แต่ตอนนี้ก็รู้สาเหตุแล้วค่ะ เป็นเพราะไม่มีค่าสีสำหรับสีเหลืองนั่นเอง แต่ไม่เป็นไรค่ะ สร้าง themeสีเขียวแทนก็ได้ ทำออกมาแล้วดิฉันก็คิดว่าดูดีในระดับนึงนะคะ ไม่ถึงกับสวยมากหรอกค่ะ แต่ก็พอไปวัดไปวาได้ใช่ไหมคะ อิอิ...สามารถดูตัวอย่างนี้ค่ะ
หรือเข้าไปดูได้ที่นี่ค่ะ http://gotoknow.org/blog/GreenTheme
ใครที่สนใจก็ตามมาดู วิธีนำไปใช้กันเลยนะคะ
เริ่มจาก
1) ไปที่แผงควบคุม > กดแก้ไข ที่บล็อกที่ต้องการ
2) ที่ช่อง CSS ให้ใส่ code ด้านล่างนี้ลงไป แล้วกดบันทึกเก็บค่ะ
สำหรับค่าสีให้กำหนดเป็น 30 และ ค่าความเข้มสีเป็น 0 ค่ะ
div#subtitle
{font-size:medium;}
div#container {width: 830px; background: #ffffff; border: 2px
dotted #08C179;}
div#content2 {width: 600px; border-right: 2px dotted #cccccc;}
div#sidebar2 {width: 223px; background:#ffffff;}
body{ background: #EBF7E4; background-image:
url("http://gotoknow.org/file/pav_int/green1.gif
");
background-repeat: repeat-x;}
div#title {padding: 10px 10px 40px; font-size:
big;color:#08C179;background:#ffffff;background-image:url("http://gotoknow.org/file/pav_int/title-theme2.gif
"); background-repeat:no-repeat;background-position:center
left;}
div#title span {display:none;}
div .item {border-bottom: 2px dotted #cccccc;}
เป็นยังไงกันบ้างคะ
ได้ลองแล้วถูกใจกันบ้างรึป่าว
ยังไงก็อย่าลืมเข้ามาบอกกล่าวกันบ้างนะคะ
ส่วนใครที่อยากทราบวิธีการทำหัวบล็อก
ก็สามารถเข้ามาติดตามได้ในครั้งต่อไปนะคะ
แล้วเจอกันค่ะ
