Tema: Como puedo dejar el color activo segun la pagina que se ejecute
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/07/2010, 07:00
corretodo
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 14 años, 8 meses
Puntos: 0
Como puedo dejar el color activo segun la pagina que se ejecute
Tengo este codigo para un menu horizontal.
Segun paso el mouse por cada opcion cambia a este color #C04D00.
Pero al entrar en una pagina no me deja activo este color #C04D00
Que tengo que hacer en el codigo para que cuando cliquee en una pagina se quede activo el color #C04D00, en el menu, segun la pagina que elija.

Este es el codogo.

Código CSS: 
Ver original
  1. /* Menu */
  2.  
  3. #barra_menu {       /*Esta etiqueta es para situar el menu */
  4. position:absolute; 
  5. overflow:hidden; 
  6. left:2px; 
  7. top:135px; 
  8. width:991px; 
  9. height:27px; 
  10. border:0px;
  11. }
  12.  
  13. #menu {
  14. position:absolute;
  15. top: 137px;
  16. left: 5px;
  17. z-index: 100;
  18. }
  19.  
  20. #menu-horizontal {  
  21. position: relative;  
  22. margin:0 auto;  
  23. }  
  24.   
  25. #menu-horizontal li {
  26. float:left;
  27. margin:0 1px;  
  28. width:100px;  
  29. min-height:19px;  
  30. text-align:center;  
  31. background: img/bg_menu01.gif repeat x;  /* Este color es verde */
  32. list-style:none;  
  33. padding:2px 0;  
  34. }
  35.   
  36. #menu-horizontal li:hover {  
  37. /* Este anarangado que es el que quiero que de quede activo al entrar en la pagina */
  38. background:#C04D00;     
  39. width:100px;
  40. }  
  41.   
  42. #menu-horizontal li a {  
  43. font:bold 14px Arial, Helvetica, Sans-serif;  
  44. color:#FFFFFF;  
  45. text-decoration:none;  
  46. }  
  47.   
  48. #menu-horizontal li ul li{  
  49. float:none;  
  50. width:100px;  
  51. margin:7px 0;  
  52. }   
  53.  
  54. ul#menu-horizontal li {  
  55. float: left;  
  56. display: inline;  
  57. position: relative;  
  58. }   
  59.  
  60. ul#menu-horizontal ul {  
  61. display: none;  
  62. position: relative;  
  63. width:100px;
  64. background:#BECD43;  /* Esto color es para el submenu */
  65. }  
  66.   
  67. ul#menu-horizontal ul li {  
  68. display: block !important;  
  69. }  
  70.   
  71. ul#menu-horizontal li:hover ul{  
  72. display: none;  
  73. }  
  74.   
  75. ul#menu-horizontal li:hover ul{  
  76. display: block;  
  77. } 
  78.  
  79. /* Fix IE. Hide from IE Mac \*/ 
  80. * html ul li { float: left; height: 1%; } 
  81. * html ul li a { height: 1%; } 
  82. * #menu a { float: none ; } 
  83. /* End */

Muchas Gracias