- 1. Trường hợp, làm hình nền cho Module Bài Viết khi sang bản beta chữ bị chồng đè ra ngoài:
vì kích thước module Bài Viết đã thay đổi với bản cũ tứ 5-10px, nếu ai dùngmặc định nền của thêm mẫu thì không cần phải chỉnh sửa gì nữa, nếu ai dùng hình nền theo dạng như sau:
Như vậy, với cách thiết kế hình nền như trên, nếu ai ko biết chỉnh code thì sẽ phải vào photoshop hay bất kì phần mềm đồ họa nào làm hình nền
của Module dài ra thêm cho vừa với text như vậy sẽ mất thời gian việc
tao hình và thay thế code.
Với code này, sẽ cho phép bạn thay thế độ rộng của Module dễ dàng hơn nhé. Với kích thước mình chọn 580px ở đây là ohù hợp và đẹp tùy theo mục đích của bạn để thực hiện việc tăng hoặc giảm kích thước width phù hợp nhé.
( Lưu ý: code này cho phép co giãn cả module bài viết, nếu giảm kích thước càng nhỏ, module bài viết sẽ co hẹp)
Quote:
.yui-t1 #col2.yui-u {
width:580px;}
|
580px: thay đổi theo kích thước ảnh design ( thông thường để đẹp nhất các bạn dao động kích thước từ 580-600)
Kết quả sau khi dùng code trên:
- 2. Trường hợp các module nhỏ: khi
chúng ta làm hình nền các module ở cột 150, với việc xóa border và chúng ta chèn hình nền cho từng module, khi sang bản beta kích thước
module 150 cũng đã thay đổi, khiến hình nền bị hụt đi 1 khoảng. Xem ví
dụ sau:
[You must be registered and logged in to see this link.]
Như vậy, cũng như module bài viết, chúng ta sẽ phải đi thay đổi hàng
loạt các hình nền cho từng module và chỉnh sửa lại code. Với code sau,
các bạn có thể tùy chỉnh size của module nhỏ 150 một cách dễ dàng hơn.
Các bạn có thể tùy chỉnh độ rộng cột module này tùy thuộc vào hình nền
các bạn design theo kích thước bao nhiêu sẽ thay đổi như kích thước
hình nền.Nhưng ko nên to quá 150px vì sẽ có tình trạng rớt toàn cột
xuống hàng sau module khác nhé.
Quote:
#bd .col-150 {
width:140px;}
|
140px: thay đổi theo kích thước ảnh design
Kết quả, khi dùng code sửa lỗi
[You must be registered and logged in to see this link.]
Đặc biệt của code nâng cao trên là sử dụng tốt cho cả 2 phiên bản hiện
tại và bản beta, sẽ không có sự thay đổi trên bản cũ khi áp dụng code
này. Như vậy, nó sẽ lợi cho chúng ta là vừa đẹp trên cả 2 phiên bản mà
không phải chỉnh sửa ảnh nhiều ( vì khi chỉnh ảnh đẹp bên beta thì blog hiện tại sẽ xấu và ngược lại )
Sẽ tiếp tục viết tiếp cho những chia sẻ code nâng cao thêm..các bạn đón xem nhé....