Jak dać ładny gradient

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

#000 url(images/nazwa_stylu/obrazek.png) top left repeat-x

Można zastosować CSS3
http://www.colorzilla.com/gradient-editor/
http://gradients.glrzad.com/
http://www.generateit.net/gradient/
http://tools.dynamicdrive.com/gradient/
http://www.grsites.com/generate/group/4000/
http://www.css3.me/
http://css3please.com/
http://webdesignandsuch.com/25-css3-gene...and-tools/
http://www.reencoded.com/2010/08/03/15-b...designers/
Albo bardziej rozbudowany generator CSS3 http://css3generator.com/

Chciałbym osobno żeby pod headerem tylko było gradient bo jak zamienie to jest na całe tło.

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?

#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ąć?

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;