Nest

Szukam PodStrona i Menu

Założony przez Inaro.

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: http://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
Kod:
list-style: none;
a do .usertabs li
Kod:
float: left;

Co by usunąć styl listy i wyświetlić menu w poziomie.
Żadna sprawa nie jest przegrana dopóki choć jeden szaleniec o nią walczy. Tylko wariaci są coś warci.
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.
Żadna sprawa nie jest przegrana dopóki choć jeden szaleniec o nią walczy. Tylko wariaci są coś warci.
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:
Kod:
margin-bottom: 20px;
margin-top: -20px;
Żadna sprawa nie jest przegrana dopóki choć jeden szaleniec o nią walczy. Tylko wariaci są coś warci.
.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:
Kod:
.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?
Żadna sprawa nie jest przegrana dopóki choć jeden szaleniec o nią walczy. Tylko wariaci są coś warci.
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ć?

Podobne wątki

Błąd Menu wyświetlania menu użytkownika

09.10.2016, 10:14
Ostatni post: ficus

Buttony Nowa podstrona

20.02.2016, 11:49
Ostatni post: Matslom

Jak usunać kreske w menu oraz wyśrodkować nazwe użytkownika w menu

09.06.2014, 17:43
Ostatni post: OwneleK

Błąd Nowa podstrona - Nie wyświetla się shoutbox

11.02.2014, 20:30
Ostatni post: GiboneKPL

Szukam jak zrobic youtube na calej stronie - podstrona

01.12.2013, 21:44
Ostatni post: Snake_

Skocz do:

Użytkownicy przeglądający ten wątek:

1 gości