Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/08/2013, 13:45
Avatar de LinkLooker
LinkLooker
 
Fecha de Ingreso: agosto-2002
Mensajes: 136
Antigüedad: 21 años, 8 meses
Puntos: 3
menu vertical, con un solo boton diferente

Saludos tengo un menu vertical con 3 botones, que esta en todas mis páginas, pero quiero que cuando presione el boton 2 (por ejemplo) y vaya a la página num 2 en el menu este boton 2 tenga un aspecto diferente, puede ser otro color, que indique que estoy en esa página..Y así con los demás..

Supongo que será una clase aparte al li, pero no he dado con ello..


Acá mi codigo CSS:

Código CSS:
Ver original
  1. ul.botonera {
  2.   width: 100%;
  3.   list-style: none;
  4.   margin: 0;
  5.   padding: 0;
  6.   /*border: 1px solid #7C7C7C;*/
  7.   font-family:Tahoma, Geneva, sans-serif;
  8.   text-shadow: 1px 1px 1px #CCC
  9. }
  10. ul.botonera li {
  11.   margin-top:10px;
  12.  
  13.   /*border-bottom: 1px solid #7C7C7C;*/
  14.   /*border-top: 1px solid #7C7C7C;*/
  15.   background: # 000;
  16. }
  17. ul.botonera li a {
  18.   padding: 25px 25px 25px 20px;
  19.   /*height:0px;*/
  20.   display: block;
  21.   text-decoration: none;
  22.   color: #333;
  23.   background-color: #F6F6F6 ;
  24.  
  25.  
  26. }
  27.  
  28. ul.botonera li a:hover  {
  29.   background-color: #f15723;
  30.   color:#FFF;  
  31. }
  32.  
  33. ul.botonera li a:active { background-color:#ccc}


HTML:


Código HTML:
Ver original
  1. <ul class="botonera">
  2.                     <li><a href="#" title="Notificaciones">1</a></li>
  3.                     <li><a href="#">Objetivos y Tareas</a>2</li>
  4.                     <li><a href="#">Foro</a>2</li>
  5.                    
  6.                </ul>



Gracias de antemano

Última edición por pzin; 14/08/2013 a las 14:16 Razón: highlight