Podświetlenie po najechaniu na odnośnik

 

Strona 1 z 1 [ 2 posty(ów) ]

Widok do druku | « Poprzedni temat | Następny temat »

Temat

• Wysłany: 28 Sty 2006, 12:37

  Naturalis

  

  
  Rejestracja: 08 Sie 2005, 11:13
  Posty: 63
  Witam,
  
  Otóż chciałbym na swoim forum wprwadzić małą modyfikację belki z odnośnikami ( faq, profil ) itp Dokładniej chodzi mi o taki efekt jak np w tym stylu http://stylerbb.net/demo/index.php?s=26 tzn po najechaniu na jakiś odnośnik część belki "zaświeca" się na zielono.
  
  Jak uzyskac taki efekt ?

  

Odpowiedzi

• Wysłany: 28 Sty 2006, 12:57

  Sopel

  

  
  Rejestracja: 14 Maj 2005, 01:13
  Posty: 541
  Miejscowość: Szczecin
  Pochwały: 42
  Masz menu tak zbudowane:
  

  Kod:

                 <td height="25" class="nav1" align="center">
                    <ul class="nav_top">
                       <li><a href="faq.php">FAQ</a>
                       <li><a href="search.php">Szukaj</a>
                       <li><a href="memberlist.php">Użytkownicy</a>
                       <li><a href="groupcp.php">Grupy</a>
                       <li><a href="profile.php?mode=register">Rejestracja</a>
                       <li><a href="profile.php?mode=editprofile">Profil</a>
                       <li><a href="login.php">Zaloguj</a><br />
                    </ul>
                 </td>

  
  Do .css dodajesz
  

  Kod:

  .nav1 { height: 23px; vertical-align:top; background: url(images/cellpic2.gif); padding: 0; margin: 0; }
  .nav_top { color: #4F4F4F; padding: 0; margin: 0; }
  .nav_top li {  float: center; display: inline;  }   
  .nav_top a:link, .nav_top a:visited { float: center; font-size: 11px;  font-weight: bold;   padding: 4px 8px 6px 8px; text-decoration: none; color: #EEEEEE; }
  .nav_top a:link.active, .nav_top a:visited.active, .nav_top a:hover { color: #FFFFFF; background: url(images/cellpic3.gif); }

  
  Gdzie cellpic3.gif to obrazek w tym wypadku zielony ( to jest to podświetlenie). Można to zrobić inaczej, ale tak jest w tym stylu.

  Autor postu otrzymał pochwałę

  ---

  Wal proSilvera - wybierz stylera! ~ www.stylerbb.net

  

 

Strona 1 z 1 [ 2 posty(ów) ]