[Layout] Tło

Wszystko, co związane z grafiką, przygotowaniem projektów www, jej optymalizacją oraz tworzeniem reklam internetowych.
mz250
Nowy
Nowy
Posty: 26
Rejestracja: pn sty 23, 2006 9:59 pm
Lokalizacja: Biała Podlaska

[Layout] Tło

Post autor: mz250 »

Mam tutaj taki tutorial wykoany w Photoshopie

http://www.tutorialized.com/tutorial/Fu ... late/23964

Chciałbym się dowiedzieć jak zrobić aby otrzymać na własnej stronie takie tło i układ witryny jak w kroku 4 tego tutorialu?Czy trzeba skorzystać z CSS a może pociać?Za wszelkie rady wielkie dzięki.
mz250
Nowy
Nowy
Posty: 26
Rejestracja: pn sty 23, 2006 9:59 pm
Lokalizacja: Biała Podlaska

Re: [Layout] Tło

Post autor: mz250 »

Drodzy forumowicze, dla mnie chodzi tylko jak ten layout zakodować w HTML aby uzyskać taki efekt. Czy ktoś ma jakiś pomysł?
123456
Zaczyna działać
Zaczyna działać
Posty: 514
Rejestracja: sob paź 28, 2006 1:19 pm

Re: [Layout] Tło

Post autor: 123456 »

Tło:
W tutorialu masz tło z dwóch niebieskich pasów i jednego białego. Tak więc dajesz na tło kolor tego dolnego niebieskiego paska (koloru, który przeważa). Żeby mieć jeszcze dwa pozostałe paski możesz np. stworzyć plik GIF o szerokości np. 4px i wysokości takiej, aby zmieścił się jasnoniebieski pasek i mały biały. Dodajesz obraz jako tło od góry z poziomym powtarzaniem.
Bardzo łopatologiczne tłumaczenie ale inaczej nie potrafiłem wytłumaczyć tak prostego rozwiązania.
układ:
Np. zwykły div.
ooo_michal
Przelotem
Przelotem
Posty: 245
Rejestracja: śr kwie 18, 2007 9:06 am

Re: [Layout] Tło

Post autor: ooo_michal »

Ja bym to zrobił troszkę inaczej:
Jako tło strony ustawił kolor (ten ciemnoniebieski) i obrazek (biały pasek, powtarzanie w poziomie, przesunięcie w pionie do określonej pozycji).
Jasnoniebieski pasek zrobiłbym z bloku div (pozycjonowanie absolutne, szerokość 100%, wysokość - tak aby zajmował całe miejsce między górą strony a białym paskiem).

W moim rozwiązaniu trzeba napisać trochę więcej kodu ale obrazek jest dużo miejszy.

Porada być może obecnie nie będzia przydatna dla autora tematu ale inni początkujący webmasterzy mogą z niej skorzystać.
ODPOWIEDZ