-
Trong tất cả các module của bản Beta Plus phần khó nhất là ở Module Bài
Viết, vì ngay Trang Chính , module Bài Viết luôn luôn size ở chiều ngang
là 600px (với Viền Trong suốt, nếu tính cả viền của module sẽ là 620px)
, tất cả Module Bài Viết khi vào trang xem chi tiết, sẽ chuyển thành
size 780px( với viền trong suốt, nếu tính viền là 790px).
- Với sự
thay đổi này, chúng ta phải thay đổi cách design như sau:



Cách Thiết Kế 1:



Dùng 1 màu đơn, ( trắng, trong suốt) hoặc các nền Top của tất cả Module
cùng loại.
Với dạng này thì chúng ta ko có gì phải lo lắng, vì những nền này sẽ
được tự lặp lại nền trong code.
1/ Phần Top của Module Bài Viết
:

#article_list_module .rc_hd {background:transparent url(link hinh) repeat center bottom;height:xxpx;}

2/
Phần Center của Module Bài Viết:

#article_list_module .rc_bd {background:transparent url(link hinh) repeat center bottom;}

Cách Thiết Kế 2:



Đối với dạng design theo kiểu, Top của Module Bài Viết là hình ảnh như
ví du dưới đây




(Hình mang tính minh họa)
Ví dụ cụ thể:
- Module Bài Viết ngoài Trang Chính

- Module Bài Viết khi xem Chi tiết

- Các bạn phải cố định hình ảnh 1 góc là Trái hoặc phải cho mục Top như

trên.
Lúc đó, design riêng cho mục Top này kích thước dài nhất là 800px (
kích thước này qua kinh nghiệm thấy nó ổn nhất nên nhắc khéo các bạn để
sử dụng phù hợp), hình canh lề Trái hoặc phải như ví dụ trên,để khỏang
hình ảnh lập lại phía sau đuôi là được.
Về code, code luôn luôn cho canh chỉnh bên Trái hoặc Phải như hình ảnh
mình design như trên.

1/ Phần Top của Module Bài Viết

:

#article_list_module .rc_hd { background:transparent url(link hinh) no-repeat scroll left center; height:xxpx;}

2/
Phần Center của Module Bài Viết :

#article_list_module .rc_bd {background:transparent url(link hinh) repeat left bottom;}

3/ Phần bottom của Module Bài Viết :

#article_list_module .rc_ft {background:transparent url(link hinh) repeat left top;height:xxpx;}

Chú
ý:


- Với cách thiết kế 2, các bạn sẽ thấy phần chữ "Bài Viết" bị thừa ra,
nếu
ai dùng cách deisgn này thì tất cả các module sẽ là hình ảnh có tiêu đề
cho tất cả module và dùng thêm code này để xóa chữ.

- Left
:
các bạn có thể thay là right, nếu
design ảnh từ tay Phải và code cũng sẽ để đồng loạt thuộc tính là right hoặc center

#bd h2 { font-size:0; }

-
Ngược lại nếu các bạn muốn chỉnh nền Tittle như hình ví dụ sau, các
bạn dùng code sau:


Nền Tittle Bài Viết :

#article_list_module .rc_bd .rc_bc .hd .titlebar{ background:#mã màu url(Link hình ảnh) none repeat scroll 0 0; }

Chúc

các bạn có 1 Blog đẹp ^_^
----------------o0o---------------