Visited ( nie działa )

[Gibek 0]

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; }

[PrecelusMaximus 53]

Hasha nie masz przed kolorem

 

W Firefox'ie i Chromie masz narzędzie "Zbadaj element" masz tam też konsolkę błędów.

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

Edytowano Czerwiec 21, 2013 przez PrecelusMaximus (zobacz historię edycji)

[Gibek 0]

ale gafa ale teraz wystąpił inny błąd a mianowicie wszystkie elementy nav zmieniły kolor ;/ a nie oto mi chodziło.

 

http://www19.zippyshare.com/v/63890494/file.html

[PrecelusMaximus 53]

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

[Gibek 0]

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 ?

[PrecelusMaximus 53]

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 Czerwiec 21, 2013 przez PrecelusMaximus (zobacz historię edycji)

[Gibek 0]

dobry pomysł dzięki