Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML][PHP]Zaznaczony element w menu - jak zrobić wyróżnienie?
Forum PHP.pl > Forum > Przedszkole
cent4
Jak zrobić, żeby dany element w menu (a hreef) po jego naciśnięciu był zmieniony - np. miał zmienione tło, żeby było wiadomo, jaką opcję się wybrało aktualnie?
Zrobiłem w szablonie stylu:
  1. a:link{
  2. text-decoration: none;
  3. color: #ffffff;
  4. }
  5. a:visited{
  6. text-decoration: none;
  7. color: #ffffff;
  8. }
  9. a:active {
  10. background: #C3B7B7;
  11. }


Ale to niestety nie działa co_jest.gif
nospor
No to ty musisz sam ustawić kolor dla tego A. Jak ktoś kliknie na A to go przenosi na jakąś podstronę u Ciebie w serwisie i to Ty wiesz gdzie on jest teraz i dla tej pozycji w menu musisz nadać konkretny styl
milons
@up Tak to powiedziales ze ja wiedzac o co chodzi zgłupiałem:D

pokaz jak zrobiles menu.
Jesli menu i nawigacja byłaby realizowana za pomocą $_GET to by bylo troche latwiej;)
cent4
Na "piechotę" to wiem jak to robić nospor.
Ale chciałbym to trochę zdynamizować, tzn. już spieszę z wyjaśnieniami:
stronę mam tak zrobioną:
w pliku index.php mam:
menu:
  1. <a href="index.php?go=1"><img src="images/1.png" width="50" height="50" border="0"/></a>
  2. <a href="index.php?go=2"><img src="images/2.png" width="50" height="50" border="0"/></a>
  3. <a href="index.php?go=3"><img src="images/3.png" width="50" height="50" border="0"/></a>

a niżej obsługę ładowania do diva treści plików:
  1. <div id="TEKST">
  2. <?
  3. switch ($_GET['go'])
  4. {
  5. case 1:
  6. include("1.php");
  7. break;
  8.  
  9. case 2:
  10. include("2.php");
  11. break;
  12.  
  13. case 3:
  14. include("3.php");
  15. break;
  16. }
  17. ?>
  18. </div>

I to działa perfekcyjnie - jakie są plusy takiego rozwiązania?
Ano takie, że np. menu nie muszę powtarzać w każdym pliku :-)

I jak tu teraz zrobić, żeby było wiadomo, gdzie aktualnie jesteśmy?
Sephirus
Wtrące się ;P

Zakładam że masz linki o kolorze czarnym normalnie a chcesz mieć aktualny w kolorze czerwonym (taki przykład na szybko)

  1. <a href="index.php?go=1" style="color:<?=($_GET['go'] == 1 ? 'red' : 'black')?>;"><img src="images/1.png" width="50" height="50" border="0"/></a>
  2. <a href="index.php?go=2" style="color:<?=($_GET['go'] == 2 ? 'red' : 'black')?>;"><img src="images/2.png" width="50" height="50" border="0"/></a>
  3. <a href="index.php?go=3" style="color:<?=($_GET['go'] == 3 ? 'red' : 'black')?>;"><img src="images/3.png" width="50" height="50" border="0"/></a>


EDIT: oczywiście nic nie stoi na przeszkodzie zamiany całej klasy CSS itd wink.gif

HTH wink.gif
flejm
yyy, nie będę komentował postów wyżej.

// a:hover{

color: #.....;

}
Magic WWW
flejm ja nie będę komentował twojego postu, własność hover jest dla najechania na element, a nie dla naciśnięcia... Jak się nie znasz na CSS to nie udzielaj się najlepiej w temacie obrażając osoby, które się na tym znają i wiedzą jak pomóc koledze...

@Autor: Nie rozumiem o co Ci dokładnie chodzi, chcesz wyróżnić element po kliknięciu, czy chcesz pokazać użytkownikowi na jakiej aktualnie zakładce się znajduję? Za pomocą CSS tego nie zrobisz gdyż atrybuty visited itp działają tylko do odświeżenia strony, a po kliknięciu elementu <a> przeglądarka Cię momentalnie przekierowuje. Musisz w każdym pliku zakładek porobić warunki dla menu.
Sephirus
@Flejm Jak sama nazwa podforum wskazuje mają tu szanse dowiedzieć się czegoś Ci co dopiero zaczynają przygodę z tym co dla nas jest już na poziomie alfabetu... Twoich komentarzy tu nikt nie potrzebuje więc dobrze, że zachowujesz je dla siebie.

@Autor ja to zrozumiałem w taki sposób: Polega to na zaznaczeniu na konkretnej podstronie, linku (zakładki), który do niej prowadzi - jak wspominał kolega wyżej - o to chodziło?
cent4
Na wstępie - dzięki za rady - super, że pomagacie.
Chodzi o to, żeby user chodzący po stronie i klikający na dane odnośniki wiedział gdzie aktualnie się znajduje, żeby danego a href'a jakoś wyróżnić...
nospor
Przecież już nie raz padła na Twoje pytanie odpowiedź, a Sephirus podał ci nawet kod do naszych teoretycznych wypowiedzi. W czym więc masz nadal problem?
gregorali
Witam wszystkich
To mój pierwszy post dlatego chcę powiedzieć, że jestem baaardzo początkujący.
Ale na temat obecny problem wyjaśnia ten wątek http://forum.php.pl/index.php?showtopic=102468
Męczyłem się z tym parę godzin i doszedłem do wniosku, że należy usunąć
}
a:visited{
text-decoration: none;
color: #ffffff;
}
Inaczej nie działa chyba, że tylko u mnie.
Czy jest na to rozwiązanie tzn. aktywny button i a:visited razem?
Pozdrawiam
cent4
nospor, jeśli piszesz o radzie:
Sephirus

post Wczoraj, 22:41
to to niestety nie działa :-(

Dalej mam problem nierozwiązany

Przepraszam nospor - działa wszystko ok. Namieszałem.

DZIĘKI WSZYSTKIM :-)
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.