Share skin HoàngPhương.Net 2010 [Lưu Trữ] - ITVNN FORUM

xuantungvn

28-02-2010, 08:55 AM

Màu chủ đạo: Cam, xanh lam, trắng
Chất liệu: tươi sáng
Điểm đặc biệt:
Sửa lỗi hoàn toàn CSS! Đã sử dụng addon Web developer FF để test
Dễ dàng thay đổi chiều ngang của sidebar mà không cần thiết kế lại chiều ngang của ảnh (panel title)

+ Giả sử mình chia chiều rộng toàn trang là 900
Sidebar left: rộng 200
Sidebar right: rộng 200
Content: còn lại, tức 500
Thì khi muốn thay đổi chiều rộng của sitebar trái (hoặc phải) mình chỉ việc sửa lại thông số trong styles.css
Code:
/***** Column *****/
#left_column {
float: left;
width: 180px; => here
margin: 0 10px 0 0;
overflow: hidden;
display: block;
}

.sidebarOne {
width: 180px; => here
overflow: hidden;
}

#right_column {
float: right;
margin: 0 0 0 10px;
width: 300px; => and here
overflow: hidden;
}
.sidebarTwo{
width: 300px; => and here
overflow: hidden;
}
Demo (http://xuantung.tk/blog): XuanTung.Tk (http://xuantung.tk) & HoangPhuong.Net (http://hoangphuong.net)
Download : Click here ! (http://xuantung.tk/share/HpSkin.zip)