Strona 1 z 1
Tło w paski - jak to zrobic?
: wt lut 20, 2007 3:33 pm
autor: seha
Witam
Juz prawie wykańczam mój nowy layout jednak natrafiłem na problem. Sprawa wygląda tak:
mój layout
jak widzicie tło jest w paski a na brzegach głównej strony jest cień i teraz jak zrobić żeby połączyć obrazek z cieniem z reszta tła żeby paski tła pasowały do siebie obojętnie od rozdzielczości i zmiany rozmiaru okna przeglądarki? Nie proszę o rozwiązania tylko pomysły jak byście do tego podeszli bo naprawdę jestem bardzo w plecy z webmasterką i dopiero nadrabiam php css itp. i nie mam pomysłu o co się zaczepić
Re: Tło w paski - jak to zrobic?
: wt lut 20, 2007 4:34 pm
autor: Yay Gree
a co niby webmasterka ma do cienia i jego przenikania w tło?
otóż tak ci powiem, źle to nie wygląda [ułatwił bys sprawe gdybys powiedział w jakim programie tworzysz], jesli to photoshop to wejdz do okna effects i tam przy glow'wie zaznacz opacity na mniej niz 100% albo pokombinuj z trybami mieszania tez w tym oknie.
co do ustawienia tła całej strony w paski, to musisz wyciac odpowiednia kostke z tła i ja powielic, ale i tak ciezko bedzie
pozdrawiam
Re: Tło w paski - jak to zrobic?
: wt lut 20, 2007 6:31 pm
autor: 7mm
No trzeba będzie się trochę pobawić na przeźroczystych gif-ach a jak braknie ci kolorków i źle to będzie wyglądać to pozostają pliki png ale tu zabawy będzie więcej szczególnie pod IE.
Re: Tło w paski - jak to zrobic?
: wt lut 20, 2007 8:04 pm
autor: seha
Yay Gree właśnie chodzi mi o to że mam już tą jak to nazwałeś "kostkę", teraz wycinam ten cień jako taki długi prostokąt i jak je spasować, 7mm wie o co mi chodzi sęk w tym że specyfikacja gifa nie pozawala na taką tonową przezroczysto, tam jest kolor albo go nie ma, png ok posiada dodatkowy kanał alpha odpowiadający za przezroczystość sęk w tym że pod IE to nie działa jak juz zauważyłeś, są specjalne haxy, skrypty i inne wynalazki pod IE jednak są zbyt skąplikowane i nie dają zadowalającego rezultatu.
Niestety jednak chyba będę zmuszony do ich użycia gdyż nie wiedze innego sposobu, chociaż tak właśnie myślę żeby przejrzeć gruntownie specyfikacje css backgrund czy da się zdefiniować żeby tło zaczynało się od środka i rozchodziło na brzegi.
No nic ide myślec dalej.
Re: Tło w paski - jak to zrobic?
: śr lut 21, 2007 7:32 pm
autor: 7mm
Seha to jest do zrobienia, kiedyś robiłem coś podobnego ale drugi raz już się w coś takiego nie wpakuję. Szkoda tylko, że ktoś później mi bawił się w tym kodzie i strona rozwaliła się pod IE.
Sporo szukania i zabawy Cię czeka - ale da się zrobić. Jak Ci się uda to pochwal się wynikami.
Pozdrawiam
Re: Tło w paski - jak to zrobic?
: śr lut 21, 2007 11:53 pm
autor: seha
Witam
Rozwiązałem problem, przynajmniej częściowo, efekt możecie zobaczyć na
www.rohacze.pl
Jak to uzyskałem? Ustawiłem tło za pomocą css
Kod: Zaznacz cały
background-image: url(tlo.jpg);
background-repeat: repeat;
background-position: top center
następnie umieściłem na stronie główną część strony oraz ustawiłem góry margines na np. 20px, wykonałem screnna strony następnie ten screnn otwarłem w photoshopie utworzyłem nowa warstwę a za maskę posłużyła mi ta główna część strony, ta biała, zwykły prostokąt.
Tej nowej warstwie nadałem efekt tego cienia który chciałem uzyskać i takie obrazek dopiero pociąłem dzięki temu zawsze strona i jej tło są wyśrodkowane wiec nie zmieniają pozycji względem siebie. Boczne cienie wystarczyło odpowiednio zapętlić by w niższej części strony tez paski do siebie pasowały.
Niestety z dołem nie mogę sobie poradzić całą tabelę zamyka stopka jest to jeden obrazek, sęk w tym ze długość(wysokość) strony jest wartością zmienna więc nie mogę dopasować tych pasków do reszty tapety.
Myślę czy nie napisać skryptu w php który wysokość strony zmieniał by stopniowo każdy z tych stopni by było wysokością przy której paski stopki pokrywają się z tłem. Jednak to tylko pomysł musze wpaść na forum php zapytać czy to w ogóle możliwe.