Tło w paski - jak to zrobic?

Wszystko, co związane z grafiką, przygotowaniem projektów www, jej optymalizacją oraz tworzeniem reklam internetowych.
seha
Posty: 3
Rejestracja: wt lut 20, 2007 3:23 pm

Tło w paski - jak to zrobic?

Post 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ć
Yay Gree
Działa
Działa
Posty: 801
Rejestracja: pn wrz 09, 2002 11:13 am
Lokalizacja: Kraków
Kontakt:

Re: Tło w paski - jak to zrobic?

Post 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
7mm
Nowy
Nowy
Posty: 58
Rejestracja: czw paź 26, 2006 6:51 pm
Kontakt:

Re: Tło w paski - jak to zrobic?

Post 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.
seha
Posty: 3
Rejestracja: wt lut 20, 2007 3:23 pm

Re: Tło w paski - jak to zrobic?

Post 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.
7mm
Nowy
Nowy
Posty: 58
Rejestracja: czw paź 26, 2006 6:51 pm
Kontakt:

Re: Tło w paski - jak to zrobic?

Post 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
seha
Posty: 3
Rejestracja: wt lut 20, 2007 3:23 pm

Re: Tło w paski - jak to zrobic?

Post 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.
ODPOWIEDZ