Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Linki w menu - css
Forum PHP.pl > Forum > Po stronie przeglądarki
oshimasoo
Witam!

Bardzo prosze o podpowiedź. Chce aby po naciśnięciu na link zostało tło odnośnika takie jak po najechaniu na niego. A przy zmianie linku aby przeszło na następny link a z poprzedniego zniknęło.

Bardzo Was proszę!

biggrin.gif pozdrawiam
askone
Hej

poczytaj o pseudo klasach:hover, active, visited, link -> tutaj CSS
oshimasoo
Wiesz co mam coś takiego...



ul#mainlevel-nav li a
{
display: block;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
color: #CCCCCC;
font-weight:bold;
}


#topmenu>ul#mainlevel-nav li a, a:visited {
width: auto;
}


ul#mainlevel-nav li a:hover, a:active {
color: #FFFFFF;
height: 50px;
background:#000000 url(../images/topmenu2.jpg) repeat-x left top;
text-decoration:none;
}
askone
O ile dobrze Cię zrozumiałem to aby uzyskać to co chcesz, zrób tak:

Kod
#topmenu>ul#mainlevel-nav li a, a:visited {
width: auto;
background:#000000 url(../images/topmenu2.jpg) repeat-x left top;
}


Ten blok opisuje właściwości elementu, który został już wcześniej odwiedzony.
oshimasoo
Nie do końca, teraz podświetla mi wszystkie linki odwiedzone a mi chodzi o to zeby zmienialo sie podswietlenie linku wraz z zmiana strony

tak jak np. tutaj

http://www.templatehelp.com/aff/preview.ph...tml&i=25195

klikasz na menu i zostaje kolor
askone
Teraz rozumiem smile.gif

Aby osiągnąć taki efekt musisz zdefiniować nową klasę np.

Kod
ul#mainlevel-nav li a.current {
background:#000000 url(../images/topmenu2.jpg) repeat-x left top;
}


Rozwiązanie drugie to rozszerzenie istniejącej definicji dla linków hover, active do postaci:

Kod
ul#mainlevel-nav li a:hover, a:active, a.current {
color: #FFFFFF;
height: 50px;
background:#000000 url(../images/topmenu2.jpg) repeat-x left top;
text-decoration:none;
}


Ponadto aktywna opcja w menu musi posiadać atrybut "class" równy właśnie "current". Jak to zrobić to zapewne już będziesz wiedział smile.gif

Kod
np:<a class="current" href="adres">opcja</a>
oshimasoo
Bardzo Ci dziękuję ale wiesz w czym problem to jest CMS MAMBO i nie wiem gdzie znaleść pozycje odnośników górnego menu smile.gif
askone
Nie znam tego CMS'a. Poszukaj w dokumentacji, na forum lub zapytaj wujka Dobrą Radę smile.gif
oshimasoo
class="mainlevel-nav"
znalazłem cos takiego w źródle strony to jest klasa odnośnika wpisana teraz
askone
Jeśli jest tak jak piszesz to aby dodać kolejną klasę - tutaj "current" - powinieneś rozszerzyć definicję do postaci:

Kod
class="mainlevel-nav current"


ps. Zawsze mi się wydawało, iż "#" oznacza id...
oshimasoo
Ok dzieki będe szukał gdzie to odnośniki zapisuje... Pozdraiam i dzieki za pomoc!!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.