Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Zakodowanie tła
adrianozo
post 26.11.2010, 22:31:42
Post #1





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

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


Witam wszystkich użytkowników forum smile.gif
Otóż mam pewien problem. Chodzi o to, że dostałem od grafika tło pod stronę, ale nie mam pojęcia jak je zakodować, aby na każdym monitorze każdej rozdzielczości był widoczny tak samo. Prosiłbym o pomoc.
Z góry dziękuje smile.gif

http://iv.pl/images/32280799252400150574.png


--------------------
Go to the top of the page
+Quote Post
wookieb
post 26.11.2010, 22:33:22
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Jeżeli chcesz żeby się rozciągało to nie da rady.
A tak to standardowo
  1. body
  2. {
  3. background: #kolor url('tlo.jpg') center top;
  4. }


--------------------
Go to the top of the page
+Quote Post
batman
post 26.11.2010, 22:54:17
Post #3





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




Cytat(wookieb @ 26.11.2010, 22:33:22 ) *
Jeżeli chcesz żeby się rozciągało to nie da rady.
Da radę. Pozycjonowanie absolutne, overflow i działa. Niestety nie działa to zbyt płynnie i na stronie nie powinno być zbyt dużo treści.


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
adrianozo
post 26.11.2010, 23:02:34
Post #4





Grupa: Zarejestrowani
Postów: 733
Pomógł: 4
Dołączył: 11.11.2009

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


Jak to u was wygląda?

http://gazetka4lo.cba.pl/


--------------------
Go to the top of the page
+Quote Post
batman
post 26.11.2010, 23:08:42
Post #5





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




Zmień tło na jpg. Teraz masz plik 1.5MB. Ludzie korzystający z telefonów obedrą Cię ze skóry za takie coś winksmiley.jpg


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
wookieb
post 27.11.2010, 10:14:25
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Cytat(batman @ 26.11.2010, 22:54:17 ) *
Da radę. Pozycjonowanie absolutne, overflow i działa. Niestety nie działa to zbyt płynnie i na stronie nie powinno być zbyt dużo treści.


Uchylisz rąbka?


--------------------
Go to the top of the page
+Quote Post
batman
post 27.11.2010, 21:23:31
Post #7





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




Nie mam teraz pod ręką przykładu, ale napiszę jak uzyskać taki efekt.
W body dodajesz znacznik div o wysokości i szerokości 100% oraz posiotion absolute. Overflow ustawiasz na hidden/scroll. Pod nim wstawiasz znacznik img, z obrazkiem, który ma się rozciagać i ustawiasz mu position absolute oraz wysokość i szerokość na 100%. I już. Działa nawet w IE6.


--------------------
I would love to change the world, but they won't give me the source code.
My software never has bugs. It just develops random features.
Go to the top of the page
+Quote Post
wookieb
post 27.11.2010, 23:14:52
Post #8





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Ale powiedzmy sobie szczerze, że efekt nie jest w pełni zadowalający co? smile.gif
Skalowanie powiększające daje koszmarny efekt. Aczkolwiek pomniejszające da się przełknąć.

Ten post edytował wookieb 27.11.2010, 23:15:20


--------------------
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: 19.07.2025 - 17:21