Webboard

Pełna wersja: Gradient na obrazku tła
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.4
adres forum: http://moto-poludnie.pl/forum/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Problem wynikający z niewiedzy ;)

Otóż mam sobie tło na forum - jest to powtarzalny element x*x pixeli.
W górnej części chciałbym dać gradient "rozjaśniający" (przygotuję sobie obrazek) a w dolnej "ściemniający".

Jak to rozwiązać? Myślałem o wrzuceniu 3 obrazków - jeden na górę z rozjaśnieniem, drugi w środek z tłem i 3-ci na dół ze ściemnieniem.
Ew. drugi sposób - png na górę i png na dole.

Jak to rozwiązać w CSS?
Kod PHP:
backgroundurl(1.png), url(3.png), url(2.png); /* Ścieżka obrazków */
background-repeatrepeat-xrepeat-xrepeat/*Powtarzanie*/
background-positiontopbottomleft top/*Położenie*/ 
na przykład możesz w body dać to co wypluje ten generator: http://gradients.glrzad.com/,
problem w tym że nie masz jednokolorowego piksela tylko obrazek 6x6
Bako, rozumiem, że w Twoim kodzie idąc od lewej obrazek u góry, obrazek na dole, reszta tła?

saturnine - generator ma 404 ;)
usun przecinek, wkleił mi sie
Kod na trzy obrazki.

Pierwszy na górze, powtarzany od lewej.
Drugi na dole, powtarzany od lewej.
Trzeci na środku, powtarzany wszędzie.
jutro przetestuję i dam znać, czy działa :)
przy tym kodzie, tło robi się białe, więc niezbyt to działa :/

(chodzi oczywiście o kod Bako)
Musi działać bo mi działa.

Skopiuj ten kod ze swojego global.css
Kod:
body {
        background: url(images/1/tlo/t.gif), url(images/1/tlo/b.gif), url(images/1/tlo/m.gif);
        background-repeat: repeat-x, repeat-x, repeat;
        background-position: top, bottom, left top;     
        color: #000;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}
coś się zmieniło - widać tylko to co u góry...

ok działa - musiałem walnąć pełne linki do każdego obrazka O.o