Cùng nhau chinh phục CSS phần 4 - Display

by **CPFounder** 23/8/2008, 11:27 am

Đoạn tiếp theo có chức năng tinh chỉnh sự hiển thị của forum. Theo EA đoạn này khá phức tạp, mình cũng vừa mới tìm hiểu mò mẫm ra để chuyển đc cột phải sang cột trái mà thôi. Và còn phải dùng đến cách sử dụng css của forum tạo sẵn.

Nếu có cao thủ nào biết vui lòng hướng dẫn giúp phần này. Lời khuyên của mình ở đây chỉ là : xoá phần này đi và dùng chế độ chỉnh của forum.
Cách thực hiện như sau : Sang ACP>>Modules>>Forum widget chỉnh các thông số % độ rộng theo ý muốn. Sau đó lưu lại, sang css click dòng see your basic css, copy nguyên xi đoạn tương tự như sau sang chép đè lên đoạn tương tự ở css hiện tại của bạn.

* html .conteneur_minwidth_IE {
/* Hack IE min-width */
padding-left: 1126px;
}
* html .conteneur_container_IE {
/* Hack IE min-width */
margin-left: -1126px;
position: relative;
}
* html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE {
/* Hack IE min-width */
height: 1px;
}
#wrap {
width: 98%;<---độ rộng chung của forum
margin: 0px auto;
background-color: transparent;<----Màu nền cho forum
border: 1px # solid;<----Đường viền bên ngoài forum
padding: 5px;
min-width: 994px;
}
#simple-wrap {
padding: 6px 10px;
}
/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins/************************************************************************** */
#content-container div#container {
width: 100%;
float: left;
margin-right: -6px;
}
#content-container div#content {
margin-right: 6px;
}
#content-container div#main {<-----Phần nội dung forum
margin-bottom: 1em;
overflow: hidden;
/* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
}
*+ html #content-container div#main {
margin-left: 226px;
}
#content-container div#left {<-----Phần widget trái của forum
width: 220px;
float: left;
margin-right: 6px;
overflow: hidden;
}
#content-container div#right {<-----Phần widget phải của forum
width: 0px;
float: right;
overflow: hidden;
}
/* IE6 Fixes */
* html #content-container div#main {
margin-right: -99%;
width: 100%;
float: left;
}
* html #content-container #main-content {
overflow: visible;
margin-right: 226px;
}
/* END IE6 Fixes */