Dodanie obrazka do nazwy działu problem

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

Chodzi mi dokładnie o ten pasek który jest w kodzie, mogę zmienić kolor ale chcę podmienić ten kod na img chodzi dokładnie o to:

SS - http://zapodaj.net/dc105e0973f93.jpg.html

Kod odpowiadający za to:

.thead {
    text-shadow: 1px 1px 0px #283544;
    padding: 10px;
    height: 25px;
    border-bottom: 1px solid #404040;
    color: #fff;
    font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
    font-size: 14px;

W miejsce koloru poniżej chciałem zastosować linie o rozmiarach szerokość: 833px  /  wysokość: 2px
linia będzie ściemniona z lewej i z prawej strony przezroczysta bo nie podoba mi się jednolita chce ściemnioną po bokach 

border-bottom: 1px solid #404040;

Nie rozumiem o co dokładnie Ci chodzi - czy o obrazek pod theadem czy o linie z gradientem. Staraj się pisać zwięźlej i czytaj tekst przed wysłaniem.

Wysokość lini zmieniasz w kodzie - obecnie masz 1px, zmień na 2px.
A przyciemnienie po bokach uzyskasz za pomocą gradientu, dokumentacja here:
https://css-tricks.com/examples/GradientBorder/

Chodzi mi o tą szara linie co masz nie? chcę wstawić w nią swój obrazem swoja linie z gradientem już pobocznym
nie chce pisać kodów na gradient dużo roboty :/ nie prościej wstawić gotowy obrazek indywidualnie pod każdą kategorię co zrobię? chodzi mi tylko o to gdzie mam umieścić <img scr="*"

---

Takie coś chce - http://zapodaj.net/29ca6f7d78e3f.jpg.html
jakość się zmieniła bo jpg zapisałem ale o taki gradient mi chodzi tylko ze to jest w vecterze bo dodałem ciemne tło aby było gradient widać

Nie prosciej bez grafiki w zwyklym css?
https://css-tricks.com/examples/GradientBorder/

Szczerze to nie ogarniam z tego poradnika jak nadpisze zmienia mi kolory w całkiem innym miejscu a metoda prób i błędów zajmie to wieki :/ może jakieś nakierowanie co z czym żeby dla tego paska co wyżej wymieniłem się pokolorowało w css?

Jak tam masz gotowe rozwiązanie to nie wiem jak cię bardziej do tego nakierować, wybacz. Łap gotowca:

.thead:after{
  content: "";
  position: absolute;
  bottom: -3px;
  left: -3px;
  right: -3px;
  height: 3px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(green), to(blue));
  background-image: -webkit-linear-gradient(left, green, blue);
  background-image: -moz-linear-gradient(left, green, blue);
  background-image: -o-linear-gradient(left, green, blue);
}

I dodaj position: relative; do zwykłego .thead

Owszem wiem o tym używałem też - http://www.colorzilla.com/gradient-editor/#_
Mi chodzi o gradient dla tego szarego paska którego zaznaczyłem tylko paska dodając ten kod gradientuje mi cały nagłówek
a ja chce tylko ten pasek szary o wysokości 1px nie lepiej zastąpić go img?
Nie jestem aż tak ciemną masą, wiem mniej więcej co z czym w css jak opisywać

Efekty takie:
http://zapodaj.net/c7fa2d7559d6c.jpg.html

Lepiej ograniczać ilość zapytań do serwera.
Zrób wszystko dokładnie tak jak ci napisałem i będzie działało - http://prntscr.com/aj22y1

Ok ogarniam, a jak dodać gradient lub kolor css do "thread" lecz do tylko jednego poszczególnego elementu? chodzi mi tutaj tylko o jedną kategorię pokolorowania, np "My Categories" bo wiadomo będzie ich więcej, trzeba przypisać klasę? jak to zrobić?

https://webboard.pl/thread-63310.html