admin Admin
Tổng số bài gửi : 14 điểm thưởng : 34 Reputation : 0 Join date : 17/09/2010 Age : 30 Đến từ : bến tre city
| Tiêu đề: cùng nhau hoc css phần 4 (display) Sat Sep 25, 2010 11:12 pm | |
| Đ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 */ | |
|