Jump to content

Thay đổi background?


Bryan Lee

Recommended Posts

Mọi người cho mình hỏi thăm cách thay background theo 2 cách như sau:

1/ Thay màu trắng truyền thống bằng một màu khác hay 1 hình ảnh khác phủ đầy màn hình như của 4rum presta.
2/ Thay màu trắng truyền thống bằng một màu khác hay 1 hình ảnh khác ở hai bên trái và phải của body và tự thay đổi bề rộng tùy vào độ phân giải của màn hình người xem

Thanks mọi người trước nhé!

Link to comment
Share on other sites

Cái này khá đơn. Chỉ cần sửa CSS, cụ thể là sửa file global.css
Với sự hỗ trợ của addons FireBug cho FF đã thảo luận ở topic khác.

Bạn cần sửa như sau
1. body { /*global.css (line 2)*/
background:#078FB9 url(/images/en/bg-body.jpg) repeat-x scroll 0 0;

}
2. #page {
width: 80%;
}

Link to comment
Share on other sites

Cái này khá đơn. Chỉ cần sửa CSS, cụ thể là sửa file global.css
Với sự hỗ trợ của addons FireBug cho FF đã thảo luận ở topic khác.

Bạn cần sửa như sau
1. body { /*global.css (line 2)*/
background:#078FB9 url(/images/en/bg-body.jpg) repeat-x scroll 0 0;

}
2. #page {
width: 80%;
}


TH 1: Để trang web load nhanh thì hầu hết ai cũng:
a/ Hình up lên có dung lượng và kích thước nhỏ, vd: (104 x 130) px. Vậy nên khi mình để code ...........repeat-x scroll 0 0; thì nó chỉ lặp hình đó 1 hàng ngang; nếu ........ repeat-y scroll 0 0 thì chỉ được 1 cột sát bên trái. Vậy muốn cho nó lặp toàn màn hình thì như thế nào?
b/ Hình up lên có dung lượng và kích thước lớn nhưng chia ra nhiều mảnh để người xem khi load lên từng phần. Vậy phải làm làm sao?

TH 2: là trường hợp 1a nhưng chỉ muốn cho lặp 2 cột: sát bên trái màn hình và sát bên phải màn hình. Không biết khi làm như vầy, khi ng xem zoom lớn lên 2 cột đó có thay đổi theo không? Muốn làm vậy phải như thế nào vậy cả nhà?
Link to comment
Share on other sites

1.1. Đặt thuộc tính repeat nếu muốn lặp toàn bộ trang.
1.2. Tối ưu kích thước file ảnh để tăng tốc độ load site, để tiết kiệm băng thông...

2. Có. Bạn truy cập vào site của mình www.toanquyen.com sau đó bật firebug lên sẽ thấy được nội dung file /themes/informatics/globals.css
Nó sẽ giúp bạn giải quyết được các thăc mắc trên

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...