Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Jak dać ładny gradient
Pełna wersja: Jak dać ładny gradient
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

d4mi4n

16.04.2012, 21:39
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. :)

Adakiahz

16.04.2012, 22:45
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

gloverek

17.04.2012, 03:47
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/

d4mi4n

12.05.2012, 12:12
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ł.

Krzysiu

12.05.2012, 12:15
To do #header dodaj.

d4mi4n

12.05.2012, 12:23
"To" tzn co?

Krzysiu

12.05.2012, 12:24
Kod:
#000 url(images/nazwa_stylu/obrazek.png) top left repeat-x

d4mi4n

12.05.2012, 12:31
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;
}

Krzysiu

12.05.2012, 12:40
Musisz przenieść </diva>. Chyba wiesz o co chodzi.

d4mi4n

12.05.2012, 12:53
<div id="naglowek"> jeśli o to chodzi ale w jakie miejsce?

Bako

12.05.2012, 14:11
nad #container a w css dodaj margin: 0;
Webboard > Wsparcie MyBB > Style, szablony i grafika > Jak dać ładny gradient