Webboard

Pełna wersja: Jak dać ładny gradient
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.7
adres forum: kaminski123.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Chciałbym się dowiedzieć jak dać ładny gradient w tło forum tak jak tutaj np. :)
W global.css w body, musisz dodać w Tło (background) taką linijkę, ale oczywiście w odnośniku dać link do swojego gradientu. http://szablony.freeware.info.pl/background.html

Kod:
#000 url(images/nazwa_stylu/obrazek.png) top left repeat-x
Chciałbym osobno żeby pod headerem tylko było gradient bo jak zamienie to jest na całe tło.

Kod:
background: url(img/naglowek_bg.png) repeat-x;
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 6%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 6%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,238,238,1) 6%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 6%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(238,238,238,1) 6%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
font-family: Verdana;
height:100%;

chce by nagłówek został.
To do #header dodaj.
"To" tzn co?
Kod:
#000 url(images/nazwa_stylu/obrazek.png) top left repeat-x
Hmm jest ok ale jeden problem bo header nie jest pociągnięty do końca tylko leży na środku jak go rozciągnąć?

Kod:
body {
margin:0;
padding:0;
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 6%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 6%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,238,238,1) 6%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,238,238,1) 6%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(238,238,238,1) 6%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
font-family: Verdana;
height:200%;
}

#naglowek {
background: url(img/naglowek_bg.png)
height:154px;
text-align:left;
}
Musisz przenieść </diva>. Chyba wiesz o co chodzi.
<div id="naglowek"> jeśli o to chodzi ale w jakie miejsce?
nad #container a w css dodaj margin: 0;