Linki w menu - css Opcje

[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ę!

(IMG:style_emoticons/default/biggrin.gif) pozdrawiam

[askone]

Teraz rozumiem (IMG:style_emoticons/default/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ł (IMG:style_emoticons/default/smile.gif)

Kod

np:<a class="current" href="adres">opcja</a>

Ten post edytował fly474 17.09.2009, 08:43:47