Rozmiaru tekstury belki

wersja skryptu MyBB: 1.6.12
adres forum: holycrime.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Chciałbym zmienić teksturę belki (te trójkąty) jednak chciałbym ją zmienić, a nie znam prawidłowego rozmiaru.

Rozmiar nie jest tutaj ważny. Zastosowane zostało repeat czyli obrazek kopiuje się w nieskończoność.

Zobacz link: http://holycrime.pl/images/Splat/triangles.png

Chciałbym dodać gradient, ale żeby był wzdłuż belki, a nie np. 2 gradienty jeden na drugim.

Do tworzenia gradientów polecam tą stronę: http://www.colorhexa.com/color-gradient

Wszystko robisz w CSS, dzięki czemu wszystko będzie wyglądało bardzo ładnie i dokładnie.

Strona trudna w obsłudze :/. Mógłby ktoś powiedzieć co gdzie i jak, albo zrobić taki gradient?

A jaki chcesz zakres kolorów? Od jakiego do jakiego gradient? I z lewej do prawej czy odwrotnie?

Dam ci zaraz gotowca. A strona jest prosta w obsłudze. Na górze dajesz kod koloru w HEX od jakiego do jakiego ma być gradient, np. "#FF0000 to #FF2200".

Czy od góry do dołu i odwrotnie też można?

Można i tak i tak.

Wybrałem ci ciekawy kolor. Podmień w global.css klasę thead.

Od góry do dołu:

.thead {
background: #4da5ff;
background:-moz-linear-gradient(top, #4da5ff, #003f80);
background:-webkit-linear-gradient(top, #4da5ff, #003f80);
background:-o-linear-gradient(top, #4da5ff, #003f80);
background:-ms-linear-gradient(top, #4da5ff, #003f80);
background:linear-gradient(top, #4da5ff, #003f80);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4da5ff', endColorstr='#003f80',GradientType=0);
border: 1px solid #003f80;
border-radius: 4px;
box-shadow: inset rgba(255, 255, 255, 0.298) 0px 0px 1px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
padding:12px;
text-shadow: #000 0px -1px 0px;
} 


Od lewej do prawej:

.thead {
background: #4da5ff;
background:-moz-linear-gradient(left, #4da5ff, #003f80);
background:-webkit-linear-gradient(left, #4da5ff, #003f80);
background:-o-linear-gradient(left, #4da5ff, #003f80);
background:-ms-linear-gradient(left, #4da5ff, #003f80);
background:linear-gradient(left, #4da5ff, #003f80);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4da5ff', endColorstr='#003f80',GradientType=1);
border: 1px solid #003f80;
border-radius: 4px;
box-shadow: inset rgba(255, 255, 255, 0.298) 0px 0px 1px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
padding:12px;
text-shadow: #000 0px -1px 0px;
} 


Najładniej wygląda chyba od góry do dołu

Dzięki, a w którym miejscu dodać teksturę?

Jaką teksturę?

Tak jak wcześniej http://holycrime.pl/images/Splat/triangles.png , ale jednak nie potrzebny .
Tylko jak dodałem do menu to zobacz co się stało. http://holycrime.pl/

To zmień menu na:

.menu { 
background: #4da5ff;
background:-moz-linear-gradient(top, #4da5ff, #003f80);
background:-webkit-linear-gradient(top, #4da5ff, #003f80);
background:-o-linear-gradient(top, #4da5ff, #003f80);
background:-ms-linear-gradient(top, #4da5ff, #003f80);
background:linear-gradient(top, #4da5ff, #003f80);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4da5ff', endColorstr='#003f80',GradientType=0);
border: 1px solid #003f80;
border-radius: 4px;
box-shadow: inset rgba(255, 255, 255, 0.298) 0px 0px 1px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding:12px;
text-shadow: #000 0px -1px 0px;
border-bottom: 1px solid #007FFF;
border-radius: 4px 4px 0px 0px;
min-height: 38px;
padding: 4px 4px 0px;
} 


Jednak chciałbym dodać gradient/tło tak jak tutaj

Jednak chciałbym dodać gradient/tło tak jak tutaj

Akurat na ich stronie jest to użycie obrazka.

Ale właśnie chodzi mi o ten obrazek. To nie ma różnicy czy obrazek czy tekstura. Chodzi o obraz.