Thích bài này? Bài truớcBài sau

VTVcab TN

on Sun Aug 24, 2014 8:45 pm

#1
avatar

VTVcab TN

Admin
Xem lý lịch thành viên http://vtvcabthainguyen.newgoo.net
58179819/07/201434Thái Nguyên - Việt Nam
Tổng số bài gửi : 58
Points : 179
Reputation : 8
Join date : 19/07/2014
Age : 34
Đến từ : Thái Nguyên - Việt Nam
[HOT] Cùng nhau chinh phục CSS phần 4 - Display ShareActions

Đ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.


Code:
* 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 */

Chú ý: Màu đỏ là chú thích, ko đc đặt trong css
Trả lời chủ đề này



Tắt quảng cáo