Tema: Menu Activo con class
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 30/11/2012, 15:48
Avatar de emilio_viguri
emilio_viguri
 
Fecha de Ingreso: junio-2011
Ubicación: Mexico
Mensajes: 117
Antigüedad: 13 años, 5 meses
Puntos: 3
Respuesta: Menu Activo con class
no pues no lo pude echar andar :( como lo tenia funcion pero no pude hacer la $&#$#%& opcion activada ...

Pero no me quede sin respuesta asi que lo termine encontrando en otro lado y lo termine dejando asi ...

Código CSS: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <style>
  5. #subMenu {
  6.     PADDING-RIGHT: 0px;
  7.     PADDING-LEFT: 0px;
  8.     PADDING-BOTTOM: 0px;
  9.     MARGIN: 0px;
  10.     WIDTH: 100%;
  11.     COLOR: #000000;
  12.     PADDING-TOP: 25px;
  13.     font-family: Verdana, Geneva, sans-serif;
  14. }
  15. #subMenu UL {
  16.     PADDING-RIGHT: 0px;
  17.     PADDING-LEFT: 0px;
  18.     PADDING-BOTTOM: 0px;
  19.     MARGIN: 0px;
  20.     PADDING-TOP: 0px;
  21.     LIST-STYLE-TYPE: none;
  22.     font-family: Verdana, Geneva, sans-serif;
  23. }
  24. #subMenu LI {
  25.     DISPLAY: block;
  26.     MARGIN: 0px;
  27.     LIST-STYLE-TYPE: none;
  28.     font-family: Verdana, Geneva, sans-serif;
  29. }
  30. #subMenu A {
  31.     DISPLAY: block;
  32.     MARGIN: 0px;
  33.     COLOR: #000000;
  34.     TEXT-DECORATION: none;
  35.     font-family: Verdana, Geneva, sans-serif;
  36. }
  37. #subMenu A.d0 {
  38.     PADDING-RIGHT: 12px;
  39.     PADDING-LEFT: 12px;
  40.     PADDING-BOTTOM: 7px;
  41.     PADDING-TOP: 7px;
  42.     background-color: #D0E0ED;
  43.     font-family: Verdana, Geneva, sans-serif;
  44. }
  45. #subMenu A.open {
  46.     background-color: #D0E0ED;
  47.     font-family: Verdana, Geneva, sans-serif;
  48. }
  49. #subMenu A.d1 {
  50.     PADDING-RIGHT: 12px;
  51.     PADDING-LEFT: 24px;
  52.     BACKGROUND: #D0E0ED;
  53.     PADDING-BOTTOM: 7px;
  54.     PADDING-TOP: 7px;
  55.     font-family: Verdana, Geneva, sans-serif;
  56. }
  57. #subMenu A.d2 {
  58.     PADDING-RIGHT: 12px;
  59.     PADDING-LEFT: 36px;
  60.     BACKGROUND: #D0E0ED;
  61.     PADDING-BOTTOM: 7px;
  62.     PADDING-TOP: 7px;
  63.     font-family: Verdana, Geneva, sans-serif;
  64. }
  65. #subMenu A.d3 {
  66.     PADDING-RIGHT: 12px;
  67.     PADDING-LEFT: 48px;
  68.     BACKGROUND: #D0E0ED;
  69.     PADDING-BOTTOM: 7px;
  70.     PADDING-TOP: 7px;
  71.     font-family: Verdana, Geneva, sans-serif;
  72. }
  73. #subMenu A:hover {
  74.     background-color: #FA7200;  /* BACKGROUND: #a9a18c */
  75.     font-family: Verdana, Geneva, sans-serif;
  76. }
  77. #subMenu #current {
  78.     FONT-WEIGHT: bold;
  79.     background-color: #FF9C4A;  /* FONT-WEIGHT: bold; BACKGROUND: #d0cbbf */
  80.     font-family: Verdana, Geneva, sans-serif;
  81. }
  82. #subMenu A.open {
  83.     BACKGROUND: #ECD9D9;
  84.     font-family: Verdana, Geneva, sans-serif;
  85. }
  86. </style>
  87. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  88. <title>Documento sin título</title>
  89. </head>
  90.  
  91. <body>
  92. <div id="subMenu">
  93.     <ul>
  94.         <li><a href="partida_agregar.php" class="d0" id="current">Partida</a></li>
  95.         <li><a href="proveedor.php" class="d0">Proveedor</a></li>
  96.         <li><a href="hospital.php" class="d0">Hospital</a></li>
  97.         <li><a href="orden1.php" class="d0">Orden</a></li>
  98.         <li><a href="rrappyd.php" class="d0">Remision Rappyd</a></li>
  99.         <li><a href="factura.php" class="d0">Factura</a></li>
  100.         <li><a href="reporte/listareportes.php" class="d0">Reportes</a></li>
  101.     </ul>
  102. </div>
  103. </body>
  104. </html>