Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] a:active? w nawigacji
Ramzaa
post
Post #1





Grupa: Zarejestrowani
Postów: 207
Pomógł: 17
Dołączył: 4.08.2009

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
Janek85
post
Post #2





Grupa: Zarejestrowani
Postów: 12
Pomógł: 2
Dołączył: 31.08.2010

Ostrzeżenie: (0%)
-----


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 (IMG:style_emoticons/default/smile.gif) Zobacz na źródło.


Pozdrawiam

EDIT:

Tu masz link do podobnego tematu: LINK

Ten post edytował Janek85 1.09.2010, 13:49:04
Go to the top of the page
+Quote Post
iwosz
post
Post #3





Grupa: Zarejestrowani
Postów: 62
Pomógł: 3
Dołączył: 30.07.2009

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 16:52