Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [php + css] zmiana koloru tła pod linkiem w <li> po przeladowaniu strony, css
hijac3k
post
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 1.03.2007

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


Zrobiłem menu z wykorzystaniem css.

  1. #navcontainer ul
  2. {
  3. margin: 0;
  4. padding: 0;
  5. list-style-type: none;
  6. font-family: Arial, Verdana, Helvetica, sans-serif;
  7. font-size: 11px;
  8. font-weight: 600;
  9. text-align : left;
  10. }
  11.  
  12. #navcontainer li { margin: 0 0 2px 0; }
  13.  
  14. #navcontainer a
  15. {
  16. display: block;
  17. padding: 3px 3px 6px 40px;
  18. width: 147px;
  19. background-color: #C2BCAE;
  20. background-repeat: no-repeat;
  21.  
  22. }
  23.  
  24. #navcontainer a:link, #navlist a:visited
  25. {
  26. color: #333;
  27. text-decoration: none;
  28. background-image: url(img/lista.png);
  29. }
  30.  
  31. #navcontainer a:hover, a:active
  32. {
  33. background-color: #C2BCAE;
  34. background-image: url(img/lista_a.png);
  35. color: #fff;
  36. }


na stronie wyswietlane jest
  1. <div id="navcontainer">
  2. <ul id="navlist">
  3.  <?php
  4.  if ((basename($_SERVER['PHP_SELF']) =='ofirmie.php') || ($_GET['ref']==1))
  5.  {
  6.  echo '<li><a href="1history.php?ref=1" id="current">historia firmy</a></li>';
  7.  echo '<li><a href="1philosophy.php?ref=1">filozofia firmy</a></li>';
  8.  echo '<li><a href="1awards.php?ref=1">nagrody</a></li>';
  9.  echo '<li><a href="1reference.php?ref=1">referencje</a></li>';
  10.  echo '<li><a href="1representation.php?ref=1">przedstawicielstwa</a></li>';
  11.  }
  12.  if ((basename($_SERVER['PHP_SELF']) =='aktualnosci.php') || ($_GET['ref']==2))
  13.  {
  14.  echo '<li><a href="2praca.php?ref=2" id="current">praca w Awas</a></li>';
  15.  echo '<li><a href="2targi.php?ref=2">informacje o targach i imprezach</a></li>';
  16.  echo '<li><a href="2nowosci.php?ref=2">nowości</a></li>';
  17.  }
  18. ?>
  19. </ul>
  20. </div>


Interesuje mnie fakt jak zrealizować cos takiego, żeby po kliknieciu jakiegoś linka z menu i przeladowaniu strony zmienialo sie np tlo pod linkiem

Na chwile obecna zmienia sie tlo i kolor czcionki dla 'hover' oraz 'active' a ja chcialbym jeszcze, zeby bylo widac, z pod ktorego linka jest wyswietlana aktualna strona, zeby został wyrozniony z pozostałych...

-------------------------
nikt nie umie mi pomóc (czyzby temat wykraczał po za zakres wiedzy przedszkolnej?) czy może niejasno wyraziłem o co mi chodzi?

Ten post edytował hijac3k 2.03.2007, 10:56:49
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
JaRoPHP
post
Post #2





Grupa: Zarejestrowani
Postów: 675
Pomógł: 15
Dołączył: 7.11.2004
Skąd: Katowice

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


Cytat(hijac3k @ 2.03.2007, 10:55:25 ) *
nikt nie umie mi pomóc (czyzby temat wykraczał po za zakres wiedzy przedszkolnej?)
Jesteś zbyt niecierpliwy...

Nie znam rozwiązania bezpośrednio w css (coś ala pseudoklasy), ale może to Cię zadowoli:
Dla każdego linku strony aktualnie wyświetlanej (w menu), możesz dodać klasę np. "nowDisplayed" (wiąże się to w Twoim przypadku ze sprawdzeniem w php, która strona jest wyświetlana) i w stylach określić regułę dla tej klasy.
Go to the top of the page
+Quote Post
Ociu
post
Post #3





Grupa: Moderatorzy
Postów: 1 566
Pomógł: 37
Dołączył: 14.05.2003
Skąd: Kraków




  1. li a {
  2. background-color: #ffffff;
  3. }
  4.  
  5. li a:visited {
  6. background-color: #00aaff;
  7. }
Go to the top of the page
+Quote Post
misiek172
post
Post #4





Grupa: Zarejestrowani
Postów: 656
Pomógł: 3
Dołączył: 26.10.2005
Skąd: Częstochowa

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


JS! JS JavaScript! (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) body onLoad=funkcja() ktora zmieni kolor :]

Ten post edytował misiek172 2.03.2007, 13:28:24
Go to the top of the page
+Quote Post
hijac3k
post
Post #5





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 1.03.2007

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


Cytat(Ociu @ 2.03.2007, 13:14:21 ) *
  1. li a {
  2. background-color: #ffffff;
  3. }
  4.  
  5. li a:visited {
  6. background-color: #00aaff;
  7. }



tylko ja chcialbym, zeby kolor zmienil tylko aktualnie odwiedzony link, a nie wszystkie wczesniej odwiedzone...
Go to the top of the page
+Quote Post
skowron-line
post
Post #6





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


  1. <?php
  2. echo'<ul>';
  3. $linki = array("news"=>"Aktualnosci",
  4. "onas"=>"O nas",
  5. "dokumenty"=>"Dokumenty FOSy",
  6. "organizacje"=>"Organizacje członkowskie",
  7. "wspolpraca"=>"Współpraca",
  8. "projekty"=>"Projekty FOSy",
  9. "galeria"=>"Galeria",
  10. "linki"=>"Linki"
  11. );
  12.  
  13. foreach($linki as $adres => $nazwa) {
  14. if($_GET['page'] == $adres){
  15. $bg = 'style="background-color:color"';
  16. }else{
  17. $bg = '';
  18. }
  19. echo'<li><a href="?page='.$adres.'" '.$bg.'>'.$nazwa.'</a></li>';
  20. }
  21. ?>

a kto powiedzial ze trzeba do tego css uzywac ja bym to tak zrobilem to tak bo nie mialem czasu sie w css bawic
Go to the top of the page
+Quote Post
JaRoPHP
post
Post #7





Grupa: Zarejestrowani
Postów: 675
Pomógł: 15
Dołączył: 7.11.2004
Skąd: Katowice

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


Cytat(skowron-line @ 2.03.2007, 16:16:48 ) *
a kto powiedzial ze trzeba do tego css uzywac
Nikt nie powiedział że trzeba CSS, ale Ty też go wykorzystałeś (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) :
  1. style="..."
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: 25.08.2025 - 15:52