ออกแบบหน้าตาบล็อกให้ค่ะ


ทำแบบ CSS มาให้ค่ะ เห็นว่าอาจารย์สอนด้านเกษตร น่าจะชอบเทรนด์นี้ แต่ถ้าไม่ชอบก็ไม่ต้องฝืนใจใช้นะคะ : )
ไว้ว่างๆ จะดีไซน์แบบต่างๆ มาแจกใหม่อีก
ตัวอย่างหน้าตาที่ทำให้ ไปดูก่อนได้
http://gotoknow.org/file/sspdnong/Agro-CSS.jpg

ขั้นตอนการทำ
1. เลือกหัวข้อประวัติ>ตกแต่งหน้าประวัติของคุณ
2. เลือกค่าสี = 90%
3. เลือกค่าความเข้มสี = 40%
4. ใส่ CSS Code ลงในช่องว่าง (copy ไปใส่ตามนี้เลยค่ะ)


 div#title{padding: 48px 100px;
font-size: big;color:#004278;
left;  
   background:#fffef2;
  background-image:url("http://gotoknow.org/file/sspdnong/Rice-Field-Head.jpg"); 
   background-repeat:no-repeat;

   background-position: center;
    height:40px;}
div#title span {display:none;}
div#container {border: dashed 4px #FFF9AE;}
div#content2 {width: 640px;background-image: url("http://gotoknow.org/file/sspdnong/Paper.jpg");
background-repeat: repeat;}

body{ background:#333333;background-image: url("http://gotoknow.org/file/sspdnong/Background.jpg");
background-repeat: repeat;}
div#footer {
 font-size: 0.8em;
 clear: both;
 color: #FFFFFF;
 background-image:url("http://gotoknow.org/file/sspdnong/banana-leaf-strip.jpg");}


5. กดปุ่มบันทึกเก็บ เท่านี้ก็เรียบร้อย

การทำที่หน้าประวัติจะทำให้ Effect กับหน้าอื่นๆ ด้วย แต่ถ้าหัวข้อไหน ไม่ Auto effect ก็ทำวิธีเดียวกัน คือเลือกหัวข้อตกแต่งและเข้าไปทำตามขั้นตอน 2-5

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


ความเห็น (0)

ไม่มีความเห็น


คำตอบ (0)

ไม่มีคำตอบ

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