GotoKnow
  • เข้าระบบ
  • สมัครสมาชิก
  • แผงจัดการ
  • ออกจากระบบ
GotoKnow

Theme Diary เปลี่ยนโฉม blog แบบง่าย ๆ

สร้าง Theme Diary สำหรับเปลี่ยนโฉม blog

วันนี้ข้าพเจ้านั่งสร้าง Theme สีขึ้นมาใหม่โดยได้ให้ชื่อว่า Theme Diary เพื่อให้เพื่อน ๆได้ลองใช้กันค่ะ อาจจะไม่สวยนักแต่ก็ตั้งใจทำนะค่ะ ลองเอาไปลองเล่นดูได้ค่ะ ซึ่งจะได้หน้าตาออกมาดังรูปข้างล่างนี้ ข้าพเจ้าได้สร้าง Theme นี้ขึ้นมาตามคำแนะนำของ อาจารย์ดร.จันทวรรณ ซึ่งข้าพเจ้าก็ได้สร้างโดยเลียนแบบและศึกษาจาก code ที่อาจารย์ได้ให้เป็นแนวทางไว้ค่ะ



วิธีการเปลี่ยนโฉมบล็อก สามารถทำได้ดังขั้นตอนนี้นะค่ะ <p> </p><div style="text-align: center"></div><p>
1) คลิกเลือกบล็อกที่ต้องการเปลี่ยนโฉม
2)ไปที่จัดการบล็อก(อยู่ทางด้านขวามือ) –> กดTheme This Blog
2) เลือกค่าสีเป็น 40 % ค่าความเข้มสีเป็น 50 %
3) ที่ช่อง cssที่ตกแต่งมาเอง ให้ใส่ code ดังนี้

div#subtitle { font-size: medium; color:#A3F5E7;}
div#container {width: 840px; background: #ffffff;}
div#sidebar2 {width: 215px;
background-image:url("/file/nan843/sidebar_n.jpg");
border: 0px solid #ffffff;}
div#content2 {background: #ffffff; width: 595px;
background-image:url("/file/nan843/content_nn.jpg");
border: 0px solid #ffffff;}
body{ background: #A3F5E7;
background-repeat: repeat-y;}
div#title{padding: 10px 4px 35px;
font-size: big; color:#A3F5E7;
background:#0C6D5C;
background-image:url("/file/nan843/head1.jpg");
background-repeat:no-repeat;
background-position:center center;
height:35px;}
div#title span {display:none;}

</p><p>เท่านี้ก็จะได้เปลี่ยนโฉมเป็น blog diary แล้วค่ะ
</p>

บันทึกนี้เขียนที่ GotoKnow โดย 

คำสำคัญ (keywords): css
หมายเลขบันทึก: 58580
เขียน:
แก้ไข:
ความเห็น: 7
อ่าน:
สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ

ความเห็น (7)

เริ่มใช้ได้แล้วค่ะ ลองตัดส่วนที่เข้มด้านข้างออกไปนิดนึงนะค่ะ โดยใช้ Photoshop - canvas size เลือกตัดเฉพาะส่วนที่เข้มค่ะ
สวยดีค่ะ ทำได้แล้วเช่นเดียวกันค่ะ

สวยดี แล้วจะเข้ามาเยี่ยมชมบ่อยๆนะ

นันทำยังไงรูปที่ copy มาวางถึงไม่แตกเลย บอกหน่อยนะ

ขออนุญาต ลอกไปเลยนะคะ...สวยได้ที่แล้วค่ะ ขอบคุณค่ะ

ตอบ ศุภัชยา

ภาพที่นันใช้มาอธิบายหรือจ๊า นันก็ใช้โปรแกรม SnagIt ตัดถาพที่เราต้องการ หลังจากนั้นเมื่อได้ภาพมาแล้วก็ทำการเปิดภาพดูโดยใช้โปรแกรม ACDSee8 แล้วก็คลิกขวา แล้วก็ Modify--->Resize แล้วก็เปลี่ยนขนาดจ้า ขนาดที่นันใช้ก็อยู่ที่ประมาณ 425 x 282 pixcels จ้า ก็แล้วแต่ภาพค่ะว่าจะใช้สักประมาณเท่าไร ลองทำดูนะจ๊ะ

ตอบ คุณเมตตา
ยินดีมากค่ะ