Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Aktywne linki jak w IPB

Błąd   Założony przez  matti9410.

wersja skryptu MyBB:1.6.3
adres forum:csgames.eu
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Otóż robiłem dzisiaj aktywne linki jak w IPB z tego tuta https://webboard.pl/aktywne-zakladki-menu-jak-w-ipb
ale coś one niedziałają nie mam pojecia dlaczego.
.menu li.current-item {
    background: url(../../../images/csgames/menu_hover.png);
    color: #ffffff;
    padding: 8px;
    height: 16px;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -border-radius: 3px 3px 0 0;
}
Nie ma menu_hover.png
Edytowałem ten kod i zrobiłem żeby tło było białe czyli tak
.menu li.current-item {
    background: #fff;
    color: #555;
    padding: 8px;
    height: 16px;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -border-radius: 3px 3px 0 0;
}
http://solidarnosc.nie-spamuj.eu/
I nic się niedzieje
Zakładając że 2 style na siebie nachodzą. Na początku masz:
.menu li.current-item {
    background: #fff;
     color: #555;
     padding: 8px;
     height: 16px;
     -moz-border-radius: 3px 3px 0 0;
     -webkit-border-radius: 3px 3px 0 0;
     border-radius: 3px 3px 0 0;
     -border-radius: 3px 3px 0 0;
}
Co nie jest używane przez to, że to jest kilka linijek dalej:
.menu li.current-item {
    background: url(../../../images/csgames/menu_hover.png);
    color: #ffffff;
    padding: 8px;
    height: 16px;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -border-radius: 3px 3px 0 0;
}
Dziedziczenie? Tak się to nazywało.
usunołem to 1 z css ale nadal niedziała.
Miałeś usunąć to drugie -.-"
no jako tako to działa ale nie do końca gdy jestem w index.php to robi mi się podswietlenie dla Amxbans nie wiem dlaczego oraz napisy są na biało zamiast na kolor 555
Zamiast:
(z pamięci)
<li {$index_active}><a href="http://amxbans.csgames.eu">AmxBans</a></li>
Daj:
<li><a href="http://amxbans.csgames.eu">AmxBans</a></li>
a ten kolor jak mam zmienić
Polecam kurshtml.boo.pl + nauka CSS.
zmieniam w css ale jak zmienie z białego na 555 to całe menu zmienia kolor
Masz dwa wyjścia.

1.

.menu li.current-item a {
background: white;
color: #555;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 8px;
padding-right: 8px;
height: 16px;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
-border-radius: 2px 2px 0 0;
}

Podmieniasz to za obecne '.menu li.current-item'. Wówczas to białe tło również zostanie objęte przez link.

2.

.menu li.current-item a {
color: #555;
}

Dodaj to gdzieś w global.css. Kolor czcionki w aktywnych kartach zmieni się na #555.
Zmeiniły kolor gdy na nie najechałem a nie zmieniają gdy są aktywne z białym tłem
działa jak należy !



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

1 gości