Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Tlo strony
urbizdw
post
Post #1





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 24.05.2004

Ostrzeżenie: (0%)
-----


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

Ten post edytował urbizdw 10.03.2010, 19:04:24
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 7)
Spawnm
post
Post #2





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




zobacz jak zareaguje twoje tło gdy dasz je za duże/normalne i w css wsadzisz
  1. background-image: url(/images/tlo.jpg);
  2. background-repeat: no-repeat;
  3. background-position: center top;
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #3





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----


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ść
Go to the top of the page
+Quote Post
urbizdw
post
Post #4





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 24.05.2004

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
ShadowD
post
Post #5





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

Ostrzeżenie: (0%)
-----


Po pierwsze to jest znacznie za ciemne - o tak mimo wątku. (IMG:style_emoticons/default/haha.gif)

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. (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
Spawnm
post
Post #6





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




wtedy kolor tam gdzie obrazka zabraknie czyli dodajesz na starcie w body css: background-color: black;

Ew. tak jak pisze ShadowD , chyba najlepszy pomysł (IMG:style_emoticons/default/smile.gif)

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.
Powód edycji: [Spawnm]:
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #7





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
ShadowD
post
Post #8





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

Ostrzeżenie: (0%)
-----


Coś tak jak:
http://screenup.pl/?l=X9A6BDS

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...
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 19:31