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]

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.

Ten post edytował fly474 17.09.2009, 08:19:06

[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 (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

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

[askone]

Nie znam tego CMS'a. Poszukaj w dokumentacji, na forum lub zapytaj wujka Dobrą Radę (IMG:style_emoticons/default/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!!