Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 

 
Reply to this topicStart new topic
> Tlo strony
urbizdw
post 10.03.2010, 19:02:03
Post #1





Grupa: Zarejestrowani
Postów: 36
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


--------------------
www.infLAN.pl - Usługi informatyczne
Go to the top of the page
+Quote Post
Spawnm
post 10.03.2010, 19:14:58
Post #2





Grupa: Moderatorzy
Postów: 2 887
Pomógł: 353
Dołączył: 11.05.2007
Skąd: Radom




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;


--------------------
Open-Source PHP5 framework:
SpawnFramework.com
Go to the top of the page
+Quote Post
krzysztof_kf
post 10.03.2010, 19:17:04
Post #3





Grupa: Zarejestrowani
Postów: 921
Pomógł: 129
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ść


--------------------
Nie odpowiadam na PW w razie problemu !
Go to the top of the page
+Quote Post
urbizdw
post 10.03.2010, 19:21:35
Post #4





Grupa: Zarejestrowani
Postów: 36
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?


--------------------
www.infLAN.pl - Usługi informatyczne
Go to the top of the page
+Quote Post
ShadowD
post 10.03.2010, 19:23:24
Post #5





Grupa: Zarejestrowani
Postów: 709
Pomógł: 74
Dołączył: 25.03.2008
Skąd: jesteś??

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


Po pierwsze to jest znacznie za ciemne - o tak mimo wątku. 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. winksmiley.jpg


--------------------
Pomogłem Ci?? - Jeśli tak kliknij na pomógł i uszczęśliw mnie...



http://www.falkon.konwent.pl/ - Lubelski konwent!!
Go to the top of the page
+Quote Post
Spawnm
post 10.03.2010, 19:23:25
Post #6





Grupa: Moderatorzy
Postów: 2 887
Pomógł: 353
Dołączył: 11.05.2007
Skąd: Radom




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

Ew. tak jak pisze ShadowD , chyba najlepszy pomysł 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]:


--------------------
Open-Source PHP5 framework:
SpawnFramework.com
Go to the top of the page
+Quote Post
krzysztof_kf
post 10.03.2010, 19:33:04
Post #7





Grupa: Zarejestrowani
Postów: 921
Pomógł: 129
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


--------------------
Nie odpowiadam na PW w razie problemu !
Go to the top of the page
+Quote Post
ShadowD
post 10.03.2010, 19:55:37
Post #8





Grupa: Zarejestrowani
Postów: 709
Pomógł: 74
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...


--------------------
Pomogłem Ci?? - Jeśli tak kliknij na pomógł i uszczęśliw mnie...



http://www.falkon.konwent.pl/ - Lubelski konwent!!
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 31.07.2010 - 02:33