การตกแต่ง Blog
เมื่อวาน ผมได้ลองปรับเปลี่ยนพื้นหลัง Blog ที่เดิมใช้พื้นหลังของ
web gotoknow พอดีได้อ่านบทความของอาจารย์จันทวัน ก็เลย
Copy Cssของ theme ที่อาจารย์ ทำไว้ โดยลองปรับเปลี่ยนอยู่ 2 จุด
คือ บริเวณ Logo โดยใช้ Photoshop ปรับ ถ้าสังเกตก็จะเห็นเป็นรูปหมอน
กับผ้าปู ภาพนี้ผมถ่่ายจากกิจกรรมการอบรมทักษะวิจัยเชิงคุณภาพ แล้ว
ทำeffect ให้เป็นอย่างที่เห็น
้
ส่วนพื้นหลังผมก็ใช้รูปถ่ายแผ่นไม้กระดานเมื่อตอนไปเที่ยวหมู่บ้านที่ทอผ้าไหมที่จ.สุรินทร์ซึ่งผมมาปรับขนาดให
เล็กลงประมาณ 300 X 95 pixel ผลที่ได้ก็อย่างที่เห็นนี่แหละครับ
Css ที่ใช้ผมปรับเปลี่ยนเฉพาะจุดอักษรสีแดง ดังนี้
div#subtitle { font-size: medium;}
div#container {width: 835px; background: #ffffff;}
div#sidebar2 {width: 215px;}
div#content2 {width: 595px; background: #ffffff; }
div#title {padding: 3px 3px 40px; font-size: medium;color:#ffffff;background:#86622D;background-image:url("/file/supat-skk/logo-learn4life.gif"); background-repeat:no-repeat;background-position:center left; }
body{ background: #ffff99; background-image: url("/file/supat-skk/bg-999.jpg"); background-repeat: repeat;}
ไม่มีความเห็น