[HTML/CSS] Jak zrobić taki cień?

Forum przeznaczone dla wszystkich webmasterów, chcących tworzyć strony www zgodnie ze standardami World Wide Web Consortium.
Publius
Posty: 10
Rejestracja: pn sie 15, 2005 9:24 pm
Lokalizacja: Bytom

[HTML/CSS] Jak zrobić taki cień?

Post autor: Publius »

Witam.

Bardzo proszę o pomoc w kwestii wykonania takiego ciania, jaki jest na ponizszej stronie. Szukalem w tutkach, grzebalemw kodzie, ale jakos nie moge tego zatrybic.

Probowalem wciskac na boki tabeli cien zrobiony w PS, ale nie chce mi sie wyswietlac PNG :/ Co mam zrobic?

http://www.invisionboard.com/
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [HTML/CSS] Jak zrobić taki cień?

Post autor: Stig »

Najprostszym sposobem, w pełni zgodnym ze standardami sieciowymi, uzyskania takiego efektu jest utworzenie pliku graficznego o możliwie najmniejszej wysokości (najlepiej 1px) i szerokości odpowiadającej sumie szerokości części głównej i dwóch cieni, gdzie cienie umieszczone są na bocznych skrajach owego pliku. Taki plik należy ustawić e elemencie body jako tło, znajdujące się centralnie i góry strony, i powtarzające się na osi y. Przykład:

Kod: Zaznacz cały

body { background: url(bg.gif) center top repeat-y; }
Na wymienionej przez Ciebie stronie efekt ten uzyskano w niemalże identyczny sposób.
ODPOWIEDZ