Webboard

Pełna wersja: Jak zrobic takie belki
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.15
adres forum: www.cs-atom.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): jak zrobic takie belki jak na http://weedcs.pl/index.php
Wszystko odbywa sie poprzez zmiane w szablonie css
Otwierasz zaawansowany przegląd szablonu global.css

szukasz .thead a:link u ciebie linia 160
zmieniasz zawartość z
Kod:
color: #fff;
text-decoration: none;
na
Kod:
text-decoration: none;
color: #fff;
background: #1b9be4;
padding: 3px 10px 5px 10px;
letter-spacing: 0px;
text-shadow: 0 0 1px rgba(0,0,0,0.6);

oraz szukasz
.thead linia 149
twoja zawartość
Kod:
background: url(../../../images/mybbng/thead.png) top left repeat-x;
color: #fff;
height: 45px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-shadow: 0px 1px 0px #9b9b9b;
Zmieniasz na
Kod:
font-size: 18px !important;
font-weight: normal;
height: 17px;
overflow: hidden;
border-bottom: 9px solid #1b9be4;
text-transform: uppercase;
font-family: "Trebuchet MS",Helvetica,sans-serif,Arial;
color: #535353 !important;

A i jeszcze jedno usun sobie z szablonu global.css bo masz podwojone .thead linia 1160 oraz .thead a:link linia 1171
no TAK, ale jeszcze pozostały te szare belki to jak to usunac ?

Prosze o pomoc
No tak, zapomniałem znajdz w tym samym szablonie .tborder i usun linia 124
Kod:
background: #d9d9d9;
oraz
Kod:
border-top: 1px solid #d9d9d9;
usun też to co niżej bo masz znowu podwojone, linia 1139
Kod:
.tborder {
background: #d9d9d9;
width: 100%;
margin: auto auto;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
-webkit-box-shadow: 5px 5px 10px #a2a3a3;
-moz-box-shadow: 5px 5px 10px #a2a3a3;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
}