Witam Posidam projekt strony http://inflan.pl/~urbi/studio_slajd2.png I teraz mam pytanie jak pociac to tlo aby w kazdej rozdzielczosci to fajnie wyswietlalo. Zeby tlo strony bylo umiejscowione na cala szerokosc strony.
Prosze o pomoc
Spawnm
10.03.2010, 19:14:58
zobacz jak zareaguje twoje tło gdy dasz je za duże/normalne i w css wsadzisz
nie ma szans widzę że to duża grafika ciężko ci będzie pociąć patrze na to ciężko lecz nie realne a możesz zrobić screen samego tła czy masz to pociąć całość
urbizdw
10.03.2010, 19:21:35
Mam w psd na warstwie tlo wiec pociac niema problemu. Tlo jest 1400x1000 px, ale teraz problem bedzie gdy ktos bedzie mial rozdzielczosc powyzej 2000 bo tla strony braknie. Co w takiej sytuacji zrobic zeby to ladnie wygladalo?
ShadowD
10.03.2010, 19:23:24
Po pierwsze to jest znacznie za ciemne - o tak mimo wątku.
Wiesz pocięcie tego by dobrze wyglądało w większych rozdzielczościach i przy dłuższej stronie będzie bardzo trudne. Najlepszym pomysłem wydaje mi się dorysowanie brakujących części kwiatków i pozostawienie reszty przezroczystej a pod to tło o szerokości powiedzmy 3k pixeli i wysokości jednego o kolorze z lewej strony czerwonym (tak jak najbardziej wysunięty w lewo punkt) i z prawą stroną to samo. Wszystko z atrybutami jak kolega wyżej pokazał. A na przyszłość, projektując layout trzeba myśleć co się da sensownie zakodować a co nie.
Spawnm
10.03.2010, 19:23:25
wtedy kolor tam gdzie obrazka zabraknie czyli dodajesz na starcie w body css: background-color: black;
Ew. tak jak pisze ShadowD , chyba najlepszy pomysł
Albo to obecne tło przerobić aby miało zaokrąglone rogi i wsadzić w tło diwa , a kolor body jako black czy coś , też by ładnie wyglądało a tej budowy strony w sieci się spotyka.
krzysztof_kf
10.03.2010, 19:33:04
nie jestem zwolennikiem aż tak dużych grafik wrzucania przy słabym serwerze będzie się długo ładować ;/ ja bym to pocioł w pionie do jakiejś szerokości i bym za pomocą repeat-x rozszerzył ale mimo tego ciężko ci będzie
Tło z tymi przejaśnieniami dajesz jako całość wraz z: background-image: url(/images/tlo.jpg); background-repeat: no-repeat; background-position: center top;
I pasek o szerokości 3000px/1px tła tak jakby jeszcze pod to, możesz na znacznik <html> dać to tło i również z takim samym css'em. Nic lepszego chyba nie wymyślisz, możesz jedynie popracować nad przejściem głównego tła w resztę strony...
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.