แก้ไขขนาดของตัวหนังสือในหน้าจอ
1. ค่า h3 เป็นขนาดตัวหนังสือ h3 เป็นเมนูต่างๆ เช่น Latest, Popular, Polls ต้องการเล็ก กว่านั้น ก็ต้องไปแก้ไขใน template.css
ไฟล์ blue.css
h3, .componentheading, table.moduletable th {
color: #135cae;
2. ตำแหน่งสำหรับแก้ไขในไฟล์ template.css
h3, .componentheading, table.moduletable th, legend {
margin: 0;
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.0em; ขนาดของตัวหนังสือค่ามาตรฐาน = 1.5
padding-left: 0px;
margin-bottom: 10px;
text-align: left;
3. แก้ไขตัวหนังสือของส่วนอื่นๆ เช่น h2 ซึ่งเป็นชื่อของบทความ
h2, .contentheading {
padding: 0;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.1em;
font-weight: bold;
vertical-align: bottom;
color: #333;
text-align: left;
width: 100%;
แก้ไขในตำแหน่ง D ตำแหน่งเมนู Main Menu
ไฟล์ blue.css
1. ตำแหน่งของไฟล์ภาพต่างๆ ในไฟล์ blue.css
div.module_menu {
background: url(../images/blue/mw_box_br.png) 100% 100% no-repeat;
}
div.module_menu div {
background: url(../images/blue/mw_box_bl.png) 0 100% no-repeat;
}
div.module_menu div div {
background: url(../images/blue/mw_box_tr.png) 100% 0 no-repeat;
}
div.module_menu div div div {
background: url(../images/blue/mw_box_tl.png) 0 0 no-repeat;
}
2. การยกเลิกไม่ใช้ภาพ แต่ใช้สีพื้นแทนภาพ ก็จัดการลบคำสั่งแสดงไฟล์ภาพให้หมดใน ข้อ 1 บรรทัดที่เป็นตัวหนา
3. จากนั้นก็เพิ่มคำสั่งใช้สีพื้นลงไป เช่น background: #000000;
4. ถ้าต้องการใช้ภาพแทนสีพื้นก็เพิ่มคำสั่ง background: #fff url(../images/Bg7.gif)
div.module_menu {
background: #000000;
background: #fff url(../images/Bg7.gif)
}
div.module_menu div {
}
div.module_menu div div {
}
div.module_menu div div div {
}