Inne Nowe belki na stronie głównej

wersja skryptu MyBB: 1.8.3
adres forum: www.cs-sonic.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Chciał bym zrobic belki na stronie głównej tak jak są na http://reksio-cs.pl/ . Próbowałem sam cos stworzyć ale nie wychodzi mi to więc zwracam sie o pomoc .

Tak samo jak robiłeś tutaj: https://webboard.pl/thread-59126.html
Tylko zmieniając nazwy klas / id i wstawić kody w opis działu. (można theadu użyć jako głównego <div>.

zrobiłem to w forumbit_depth1_cat

<div id="headert"><span class="kreska">{$forum['name']}</span></div> 


Oraz w css

.kreska {
    border-top: 5px solid #1B9BE4;
    display: block;
    height: 5px;
    margin: -9px 0px 0px;
}


#headert {
    background: url(../../../images/square/bg.jpg) repeat-x scroll 0% 0% transparent;
    padding: 0px 5px 0px 0px;
    font: 18px "CenturyGothic";
    display: inline-block;
    text-shadow: 2px 1px 1px #FFF;
} 


Ale wraz nie działa mi to poprawnie

---

ale cos mi nie wyszło wiec prosze o pomoc

BO BELKA POWINNA WYGLADAC TAK JAK JEST NA SS

CSS:

.kreska {
    border-bottom : 4px solid #1B9BE4;
    display: block;
    height: 5px;
    margin: -9px 0 0 0;
}


#headert {
    padding: 0px 5px 0px 0px;
    font: 18px "CenturyGothic";
    display: inline-block;
    width: 100%;
    text-shadow: 2px 1px 1px #FFF;
}

.tytul {
    background: url(images/square/bg.jpg) repeat-x;
    padding: 10px 12px 0 0;
    font: 18px "CenturyGothic";
    display: inline-block;
    text-shadow: 2px 1px 1px #FFF;
}

A HTML zamień na:

<div id="headert"><span class="tytul">{$forum['name']}</span><span class="kreska"></span></div>