Foros del Web » Creando para Internet » CSS »

Cambiar el color de las pestañas según seleccionada

Estas en el tema de Cambiar el color de las pestañas según seleccionada en el foro de CSS en Foros del Web. Muy buenas a todos, tengo una aplicación con estas pestañas: http://checkbox.alojamientogratuito.info/todos.php ¿Cómo puedo distinguir y cambiar de color a la seleccionada de las demás? Espero ...
  #1 (permalink)  
Antiguo 19/11/2010, 05:22
 
Fecha de Ingreso: agosto-2010
Mensajes: 202
Antigüedad: 7 años, 4 meses
Puntos: 4
Cambiar el color de las pestañas según seleccionada

Muy buenas a todos, tengo una aplicación con estas pestañas:

http://checkbox.alojamientogratuito.info/todos.php

¿Cómo puedo distinguir y cambiar de color a la seleccionada de las demás?

Espero vuestra ayuda.

Saludos
  #2 (permalink)  
Antiguo 19/11/2010, 14:42
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Respuesta: Cambiar el color de las pestañas según seleccionada

que tal checa este post

http://www.forosdelweb.com/f127/menu-como-este-847233/
  #3 (permalink)  
Antiguo 19/11/2010, 22:31
Avatar de neysitc  
Fecha de Ingreso: noviembre-2010
Ubicación: alert('Peru')
Mensajes: 47
Antigüedad: 7 años
Puntos: 5
Respuesta: Cambiar el color de las pestañas según seleccionada

Facil amigo.

En tu hoja de estilos tienes que agregar esta clase:

.activo indicará el link que esta activo

Código CSS:
Ver original
  1. .activo {
  2. backgroud: #900;
  3. }
Ahora si el menu de las pestañas va una pagina PHP .

Segun la url que abres condiciona , y genera con echo algo asi :

Código PHP:
Ver original
  1. <li class="<?php echo "activo" ;?>"><a href="link1.php">Pestaña Activa</a></li>

Saludos!!
  #4 (permalink)  
Antiguo 20/11/2010, 09:43
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Respuesta: Cambiar el color de las pestañas según seleccionada

Basta con esto:

<li class="activo"><a href="link1.php">Pestaña Activa</a></li>
  #5 (permalink)  
Antiguo 22/11/2010, 02:15
 
Fecha de Ingreso: agosto-2010
Mensajes: 202
Antigüedad: 7 años, 4 meses
Puntos: 4
Respuesta: Cambiar el color de las pestañas según seleccionada

Gracias amigos por la ayuda pero no me aclaro.

He probado el código, y las pestañas están siempre con el color selected.

Necesito vuestra ayuda, gracias!

Tengo un fichero con 2 clases css

Código CSS:
Ver original
  1. .menudretNOselect {
  2. background-color:#f9f9f9;
  3. border-color:#E1E1E1;
  4. border-style:none solid none none;
  5. border-width:0 2px 0 0;
  6. padding:4px;
  7. text-align:center;
  8. white-space:nowrap;
  9. }
  10. /*este estilo para el no seleccionado*/
  11.  
  12. .menudretselect {
  13. background-color:#f1f6fa;
  14. border-color:#E1E1E1;
  15. border-style:none solid none none;
  16. border-width:0 2px 0 0;
  17. padding:4px;
  18. text-align:center;
  19. white-space:nowrap;
  20. }
  21.  
  22. /*este para el menu seleccionado*/

¿Cómo puedo aplicar un estilo un otro según tenga un menú seleccionado?

He probado el visited de css y no me. necesito un onclick o algo parecido en css.

Lo tengo casi pero no se como remarlo.

Gracias a todos!
Un saludo!

Última edición por edgar4615; 22/11/2010 a las 02:34
  #6 (permalink)  
Antiguo 22/11/2010, 08:36
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Respuesta: Cambiar el color de las pestañas según seleccionada

Podrías poner tu codigo del menu x fas...

Como esq funciona? al llamar una opcion traes otra pagina o utilizas iframes??
  #7 (permalink)  
Antiguo 22/11/2010, 08:37
 
Fecha de Ingreso: agosto-2010
Mensajes: 202
Antigüedad: 7 años, 4 meses
Puntos: 4
Respuesta: Cambiar el color de las pestañas según seleccionada

Gracias por vuestra ayuda ya lo solucioné!!!!!!!

Saludos!!!!!

Etiquetas: color, pestañas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:27.