[HTML][CSS] a:active? w nawigacji Opcje

[Ramzaa]

Witam,

zastanawiam się jak osiągnąć taki efekt w nawigacji jak na tym forum. Szukałem wszędzie gdzie się dało, ale chyba pod złym hasłem, bo nic nie znalazłem. Chodzi o to, że zakładka aktualnie otwartej podstrony ma być w innym kolorze. Jak do tego się zabrać? Z góry dzięki za wszystkie rady.

[Janek85]

Witaj,

najprościej zrobić funkcję, która po ID będzie sprawdzała która strona jest aktywna po czym doda do odpowiedniego linku klasę, np.

[HTML] pobierz, plaintext 
<li class="active"><a href="index.html">Strona Główna</a></li>
[HTML] pobierz, plaintext 

Teraz w stylach dodajesz tą klasę i przypisujesz jej np inny kolor tła.

Chyba tak jest to rozwiązane tutaj Zobacz na źródło.


Pozdrawiam

EDIT:

Tu masz link do podobnego tematu: LINK

Ten post edytował Janek85 1.09.2010, 13:49:04

[iwosz]

dokładnie tak jak kolega Janek85 napisał, to najprostszy sposób, dodam jeszcze że możesz rozpoznawać aktualną stronę po zmiennej php np: $_GET['p'] wtedy byśmy mieli:

[PHP] pobierz, plaintext 
<li class="<?php if( $_GET['p'] == 'home' or empty($_GET['p']) ) echo 'active'; ?>"><a href="index.html">Strona Główna</a></li> 
<li class="<?php if( $_GET['p'] == 'about' ) echo 'active'; ?>"><a href="index.html">O nas</a></li> 
itd...
[PHP] pobierz, plaintext 

pozdr.