Szukam PodStrona i Menu

Kilka szczegółów o moim forum i stylu, z którym mam problem:
nazwa stylu: Nie pamiętam
wersja skryptu MyBB: 1.6
adres forum: www.nzwls.pl
opis problemu: Hej, przed chwilą zrobiłem taką podstronę, lecz chciałbym zrobić to gdzie piszę 'Gracze Online, Konto Premium, Audio Plugin' zrobić w podobie jak ma MyBBoard.pl chodzi mi o ten kolor...

Edytuj usertabs pod siebie
Odpowiada za to usertabs.css
Napisz jakie kolory chcesz uzyskać podrzucę gotowy kodzik...

No tutaj gdzie piszę 'Gra' jest niebieska tabela to niech tam piszę Gracze Online, Konto Premium, Audio Plugin i gdy klikniemy na np. Gracze Online to zmieni się tło Gracze Online na kolor niech będzie taki jak w ramce zaznaczyłem...

W swoim usertabs.css zmień zawartość na:

.usertabs li a {
    background: #016baa;
    color: #fff;
    position: relative;
    z-index: 1;
    border: 1px solid #939FAE;
    border-bottom: 0;
    padding: 8px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    text-decoration: none;
}

.usertabs li a:visited {
    color: #fff;
    text-decoration: none;
}

.usertabs li a:hover {
    color: #fff;
    text-decoration: none;
}

.usertabs li a.selected {
    background: #efefef;
    color: #000000;
    border-color: #262D35;
} 


@down

Jak to co dalej?

No dobra i co dalej zrobić?

Do .usertabs ul dopisz

list-style: none;

a do .usertabs li

float: left;

Co by usunąć styl listy i wyświetlić menu w poziomie.

Nie mam takiego czegoś w usertabs.css o nazwie .usertabs ul i .usertabs li mam coś takiego (SS).

Usuń całą zawartość usertabs.css i wklej podaną poniżej...

.usertabs {
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    list-style-type: none;
    text-align: left;
    font-size: 11px;
}

.usertabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.usertabs li {
    display: inline;
    margin: 0;
    float: left;
}

.usertabs li a {
    background: #016baa;
    color: #fff;
    position: relative;
    z-index: 1;
    border: 1px solid #939FAE;
    border-bottom: 0;
    padding: 8px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    text-decoration: none;
}

.usertabs li a:visited {
    color: #fff;
    text-decoration: none;
}

.usertabs li a:hover {
    color: #fff;
    text-decoration: none;
}

.usertabs li a.selected {
    background: #efefef;
    color: #000000;
    border-color: #262D35;
} 

.usertabs li a.selected:hover {
    text-decoration: none;
}

.tabcontent {
    background: #cacaca;
    display: none;
    padding: 5px;
    border: 1px solid #999;
    margin-top: 7px;
}

.box-thing {
    background: #f7f7f7;
    border: 1px solid #8e8e8e;
    padding: 8px;
}

@
media print {
.tabcontent {
display:block !important;
}


} 


Źle wyświetla jeszcze, sam zobacz: http://nzwls.pl/gra.php

Spróbuj ustawić stałą wysokość w .usertabs ul, ewentualnie możesz dodać margines.

Nie mogę tego ustawić żeby było równo z napisem 'Gra'

Domyślam się, że chodzi Ci o belkę z napisem "Gra"? Spróbuj dodać margines dolny i ujemny margines górny.
np:

margin-bottom: 20px;
margin-top: -20px;

.usertabs {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: -20px;
    list-style-type: none;
    text-align: left;
    
    font-size: 13px;
} 


http://nzwls.pl/gra.php

Cały kod CSS:

.usertabs {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: -20px;
    list-style-type: none;
    text-align: left;
    
    font-size: 13px;
}

.usertabs ul {
    margin: 2;
    padding: 2;
    list-style: none;
}

.usertabs li {
    display: inline;
    margin: 0;
    float: left;
}

.usertabs li a {
    background: #016baa;
    color: #fff;
    position: relative;
    z-index: 1;
    border: 1px solid #939FAE;
    border-bottom: 0;
    padding: 8px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    text-decoration: none;
}

.usertabs li a:visited {
    color: #fff;
    text-decoration: none;
}

.usertabs li a:hover {
    color: #fff;
    text-decoration: none;
}

.usertabs li a.selected {
    background: #efefef;
    color: #000000;
    border-color: #262D35;
}

.usertabs li a.selected:hover {
    text-decoration: none;
}

.tabcontent {
    background: #cacaca;
    display: none;
    padding: 5px;
    border: 1px solid #999;
    margin-top: 7px;
}

.box-thing {
    background: #f7f7f7;
    border: 1px solid #8e8e8e;
    padding: 8px;
}

@
media print {
.tabcontent {
display:block !important;
}


} 


Inaczej. Wrzuć to:

.usertabs {
    margin-left: 0;
    list-style-type: none;
    text-align: left;
    font-size: 13px;
    margin-top: -60px;
}

.usertabs ul {
    margin: 2;
    padding: 2;
    list-style: none;
}

.usertabs li {
    display: inline;
}

.usertabs li a {
    background: #016baa;
    color: #fff;
    position: relative;
    z-index: 1;
    border: 1px solid #939FAE;
    border-bottom: 0;
    padding: 8px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    text-decoration: none;
}

.usertabs li a:visited {
    color: #fff;
    text-decoration: none;
}

.usertabs li a:hover {
    color: #fff;
    text-decoration: none;
}

.usertabs li a.selected {
    background: #efefef;
    color: #000000;
    border-color: #262D35;
}

.usertabs li a.selected:hover {
    text-decoration: none;
}

.tabcontent {
    background: #cacaca;
    display: none;
    padding: 5px;
    border: 1px solid #999;
    margin-top: 7px;
}

.box-thing {
    background: #f7f7f7;
    border: 1px solid #8e8e8e;
    padding: 8px;
}

@
media print {
.tabcontent {
display:block !important;
}


}

O taki efekt Ci chodziło?

Właśnie o taki, myślę że nawet dobrze to wygląda http://nzwls.pl/gra.php jak myślisz czy jakoś inaczej to zrobić?