Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Zmiana obrazka menu dla otwartej strony
Forum PHP.pl > Forum > Przedszkole
jacobson
7.09.2011, 12:42:20
Witam, chcialem zrobic na stronie zmienne obrazki menu. Tzn jak jestem na stronie glownej to strona glowna jest np na czerwono wszystkie inne na niebiesko. Jak wchodze na np kontakt to kontakt est na czerwono a reszta na niebiesko.
Nie wiem jak to zrobic najprosciej... Na pewno jest jakis banalny sposob (tylko ja go nie znam tongue.gif)
pozdrawiam
Vhaeraun
7.09.2011, 13:04:50
Dołączyć różne style css dla różnych stron ?
erix
7.09.2011, 14:35:10
Cytat
Nie wiem jak to zrobic najprosciej... Na pewno jest jakis banalny sposob (tylko ja go nie znam )
pozdrawiam

Dorzuć np. coś takiego:

[HTML] pobierz, plaintext 
  1. <body class="strona">
[HTML] pobierz, plaintext


Oczywiście odpowiednio generowane. I wtedy w jednym CSS-ie coś takiego zrobisz. Ew. dawaj klasę dla jakiegoś wyższego węzła.
jacobson
8.09.2011, 11:40:29
no wlasnie tu jest problem bo mam jeden plik "template" ktory includuje tresci stron (body jest zawarte w templacie). Moze da sie jakos to zrobic przy pomocy jquery. Ustawic np na podstawie "tytulu" strony zeby znalazl taki odnosnik w menu i jego zmienil na dany kolor. Takie rozwiazanie ma jakies defekty ? tongue.gif
pozdrawiam
!*!
8.09.2011, 11:46:38
To zmień ten body w template, aby php czy cokolwiek generowało odpowiedni styl w zależności od strony. w jQ możesz też pobrać wartość atrybutu w zależności od menu i zamienić .attr()
dave666
9.09.2011, 19:14:33
nie wiem czy rozwiązałeś problem ale można to prosto rozwiązać menu masz zapewne na ul il
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. div#menu{
  3. width:700px; 
  4. height:40px; 
  5. float:left;
  6. background:#ccc;
  7. }
  8. div#menu ul{
  9. list-style-type:none;
  10. height: 80px;
  11. width: 663px;
  12. margin: auto;
  13. }
  14. div#menu li{
  15. float:left;
  16. list-style:none;
  17. }
  18. div#menu ul a{
  19. background-image: url(navi_bg_divider.png);
  20. background-repeat: no-repeat;
  21. background-position: right;
  22. padding-right: 5px;
  23. padding-left: 5px;
  24. display: block;
  25. line-height: 40px;
  26. text-decoration: none;
  27. font-family: Georgia, "Times New Roman", Times, serif;
  28. font-size: 21px;
  29. color: #371C1C;
  30. }
  31. div#menu ul a:hover {
  32. color: #FFF;
  33. }
  34. #menu ul li.current a:link, #menu ul li.current a:visited, #menu ul li a:hover{
  35. background:#000;
  36. color:#fff;
  37. }
  38. </style>
  39. <div id="menu">
  40. <ul>
  41. <li class="current"><a href="#">strona1</a></li>
  42. <li><a href="#">strona2</a></li>
  43. </ul>
  44. </div>
[HTML] pobierz, plaintext


nie wiem czy o to ci chodzi ale jak tak to spoko
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.