Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] a:active? w nawigacji
Forum PHP.pl > Forum > Przedszkole
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.
  1. <li class="active"><a href="index.html">Strona Główna</a></li>

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

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


Pozdrawiam

EDIT:

Tu masz link do podobnego tematu: LINK
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:

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


pozdr.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.