Điều chỉnh hình nền cho trang web.

English | Vietnamese

Rules

Main Forum

Portal

Member Listing

Statistics

Search

Reading Room
[Register]

Login [ | https ]

Forum Index

Thảo luận mạng và thiết bị mạng

Điều chỉnh hình nền cho trang web.

[Question] Điều chỉnh hình nền cho trang web.	02/03/2012 15:33:15 (+0700) \| #1 \| 256655

chicken_c500
Member

Joined: 17/04/2011 03:43:48
Messages: 25
Offline

Mọi người cho mình hỏi, có cách nào để điều chỉnh một hình ảnh làm background cho trang web của mình vừa vặn với khung giao diện web ở mọi lúc, trên mọi máy tính, trình duyệt được không vậy. Mình đang học lập trình web, và có 1 điều làm mình rất khó chịu là những hình mình rất ưng ý để làm hình nền, thì nó lại bé hơn, hoặc lớn hơn cửa sổ giao diện web. Nên khi đặt làm hình nền, nó thường phải ghép 1 ảnh và 1 phần nữa của chính nó mới đủ. Mình mới học nên chưa hiểu biết nhiều. Mong mọi người giúp đỡ smilie

Luôn hiểu rằng...mình mới chỉ biết một ít thôi

[Question] Điều chỉnh hình nền cho trang web.	02/03/2012 15:40:27 (+0700) \| #2 \| 256656

xBoyx
Member

Joined: 04/12/2010 08:58:30
Messages: 37
Offline

thường thì hình nên người ta ít khi để một tấm ảnh thật to vào. Mà thường người ta để một tấm hình nhỏ rồi cho nó lặp lại theo chiều ngang và chiều dọc (dùng css). cho nên thường thấy hình nền các trang web là một màu trơn hoặc là những hình lặp lại giống nhau.

[Question] Điều chỉnh hình nền cho trang web.	02/03/2012 17:40:49 (+0700) \| #3 \| 256673

phuctrojan
Member

Joined: 11/12/2009 01:45:07
Messages: 7
Offline

Không có chuyện làm background vừa vặn với mọi lúc, mọi trình duyệt, mọi màn hình, mọi PC được đâu bạn à smilie

Thông thường, những người thiết kế web chuyên nghiệp không bao giờ lấy một bức ảnh to nào đó để làm background cho toàn bộ trang web của mình, họ chỉ lấy những bức ảnh nhỏ, không có nội dung nhất định để cho nó lặp đi lặp lại thành một ảnh nền có hiệu ứng đổ màu (thường thì người ta cho lặp lại theo chiều y - dọc).

Nhưng một số trường hợp người ta thiết kế bức ảnh làm sao cho đoạn nội dung đầu của bức ảnh có thể ghép vừa khít với đoạn nội dung cuối cùng, làm như vậy khi bức ảnh vô tình được load bởi một màn hình nào đó mà nó phải lặp lại thì bức ảnh trông vẫn hợp. Ví dụ :

Nhưng đối với những bạn newbie thì rất khó để design một tấm ảnh như vậy, nên bạn có thể làm theo cách thứ nhất hoặc theo cách sau :
VD mình có một bức ảnh sau :

Mình sẽ đưa nó làm background của website mình bằng css :
Code:

<style>
body {
background:url(http://d.f7.photo.zdn.vn/upload/original/2011/12/02/9/52/13227943551150006349_574_574.jpg) #000 no-repeat;
}
</style>

Như bạn thấy, trong đoạn css trên, mình đã đặt cho nó là ảnh nền của trang web, không cho phép nó lặp lại khi màn hình quá to, và đặt thêm màu nền mặc định là màu đen, làm như vậy khi vào trang web bạn sẽ thấy mỗi mình nó nằm đó và phần nào nó không lặp lại sẽ đều có màu đen! smilie

Chúc bạn may mắn!

Hãy cười trên nỗi đau của người khác vì mình không thể cười trên nỗi đau của mình

Go to:

Users currently in here
1 Anonymous