Skocz do zawartości
Gibek

Visited ( nie działa )

Polecane posty

Witam nie wiem czemu ale nie działa mi pseudoklasa visited. Chciał bym uzyskać taki efekt że na podstronie gdzie się aktualnie znajduję był podświetlony tekst np na czerwono natomiast działa tylko hover a jak zmieniam podstronę to nic się nie dzieje.

 

live : http://gibek.p.ht/ ( podstrona home i kontakt narazie dostępne )

 

Css

body { margin: 0; background:url(../gfx/bg.png); font-family:Verdana, Tahoma, Geneva, sans-serif; font-size: 11px; color: #FFF;}




#wrapper { width:978px; margin: 0 auto;}

#top { background:url(../gfx/banner.png); height: 260px; width: 978px;  }

#logo { background:url(../gfx/logo.png) no-repeat; height: 202px; position: absolute; width:210px; margin-left: 10px; top:25px;}
#logo h1 { display:block; text-indent: -999px; }

#nav { background:; border-top:1px #999 solid;}

#nav ul { margin:0; padding: 10px;}

#nav ul li { display:inline; list-style: none; padding:10px; }

#nav ul li a { text-decoration:none; color:#FFF; font-weight:bold; transition-duration: 1s;}

#nav ul li a:visited { color:F00;}

#nav ul li a:hover { color:#F00; }





#txt { display:block; position:absolute; width:978px; margin-top: 20px; }


#stopka { border-top: 1px #999 solid; text-align:right; margin-top:60px; }

#nr { display:block; position:absolute; margin-left: 750px; margin-top: -100px; width:100px; }

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Zdarza się każdemu a na pewno jak siedzi kilka godzin w kodzie. Dlatego trzeba sobie robić przerwy :)

 

Wiesz jak działa hover, link i visited?

 

visited podświetli Ci się jeśli kiedykolwiek klikałeś na ten link a przeglądarka to zapamiętała...Jak kliknąłeś wcześniej kontakt to będzie się on podświetlał cały czas. W zasadzie visited już się raczej nie używa a raczej na pewno nie w menu.

 

http://pl.html.net/tutorials/css/lesson6.php

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

A wiec zle rozumialem mozliwosc visited, to w takim razie jak mozna osiagnac efekt ttai jak pisalem czyli np jesli uzytkownik znajduje sie na podstronie kontakt to kontakt zmienia swoj kolor ?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Na wiele sposobów. Najprościej stworzyć dodatkową klasę np. .active {color:F00;} i dodać do linka <a href=".." class="active">...</a> oczywiście tylko wtedy kiedy jesteśmy na wybranej podstronie. Natomiast resztę odnośników zostawić bez zmian.

 

Z tego co widzę to zwykły html bez cms'a więc nie będzie problemu z dodawaniem classy na każdej podstronie.

 

 

Edytowano przez PrecelusMaximus (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się


×