theme สีชมพู


code ของ theme สีชมพู

วันนี้ข้าพเจ้านำ code ของ theme สีชมพูมาให้ค่ะ

 

โดย code ก็จะมีดังนี้นะค่ะ

 

วิธีการเปลี่ยนโฉมบล็อก สามารถทำได้ดังขั้นตอนนี้นะค่ะ
1) คลิกเลือกบล็อกที่ต้องการเปลี่ยนโฉม
2)ไปที่จัดการบล็อก(อยู่ทางด้านขวามือ) --> กดTheme This Blog
2) เลือกค่าสีเป็น93 % ค่าความเข้มสีเป็น 97%
3) ที่ช่อง cssที่ตกแต่งมาเอง ให้ใส่ code ดังนี้

div#subtitle { font-size: medium; color:#FED6D8;}

div#container {width: 840px; background: #ffffff;}

div#sidebar2 {width: 215px;

background-image:url("/file/nan843/sidebar_pink.jpg");

border: 0px solid #ffffff;}

div#content2 {background: #ffffff; width: 595px;

background-image:url("/file/nan843/con_pink.jpg");

border: 0px solid #ffffff;}

body{ background: #FED6D8;

background-image: url("/file/nan843/defual_Pink.jpg");

background-repeat: repeat-x;}

div#title{padding: 10px 4px 35px;   

font-size: big; color:#FED6D8;      

background:#FF4750;  

background-image:url("/file/nan843/head_pink.jpg");    

background-repeat:no-repeat;  

background-position:center center;  

height:35px;}

div#title span {display:none;}

ส่วน ภาพที่ข้าพเจ้านำมาใช้ในการทำ theme สีมีอยู่ทั้งหมด 3 ภาพ ค่ะซึ่งแต่ละภาพก็จะเป็นดังนี้ค่ะ

ภาพแรกจะเป็นภาพ    ที่มีชื่อว่า "/file/nan843/sidebar_pink.jpg"
ภาพที่สองจะเป็นภาพ ที่มีชื่อว่า "/file/nan843/con_pink.jpg"
ภาพที่สามจะเป็นภาพ ที่มีชื่อว่า "/file/nan843/defuld_Pink.jpg"
ภาพที่สี่จะเป็นภาพ      ที่มีชื่อว่า"/file/nan843head_pink.jpg"

ซึ่งท่านที่มีความสนใจจะสร้าง theme สีเป็นของตนเองก็ลองทำดูนะค่ะหากยังทำไม่ค่อยเป็นก็สามารถเลียนแบบจากcode ด้านบนได้ค่ะ โดยตอนแรกก็ให้ลองเปลี่ยน ภาพ ดูก่อนนะค่ะ หลังจากนั้นค่อยลองปรับส่วนอื่น ๆดู ไม่ยากเลยค่ะ ลองทำกันดูนะค่ะ

คำสำคัญ (Tags): #css
หมายเลขบันทึก: 63262เขียนเมื่อ 26 พฤศจิกายน 2006 01:10 น. ()แก้ไขเมื่อ 6 กันยายน 2013 17:39 น. ()สัญญาอนุญาต: จำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (3)
ได้รับความรู้ใหม่ชอบๆ ขอบคุณคะ

ขอบคุณมากคะทำให้บล็อกมีสสีสันมากเลย

อืมม์ ขอบคุณมากค่ะที่แนะนำ มือใหม่หัดเล่นค่ะ..

พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท