Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Dudas color menu

Estas en el tema de Dudas color menu en el foro de HTML en Foros del Web. Hola, cree un menú horizontal con el típico efecto que al pasar el ratón cambia de color las diferentes opciones. Las opciones del menú son ...
  #1 (permalink)  
Antiguo 15/02/2014, 20:26
 
Fecha de Ingreso: agosto-2009
Mensajes: 26
Antigüedad: 14 años, 8 meses
Puntos: 1
Dudas color menu

Hola, cree un menú horizontal con el típico efecto que al pasar el ratón cambia de color las diferentes opciones. Las opciones del menú son links a otros partes de la web pero el menú siempre sigue.
Me gustaría que cuando el menú estuviera activo, su opción estubiera en otro color. Prober varias cosas pero no me sale. El coldigo es este:

#navegador li a {color:black;background-color:#fffff}
#navegador li a:hover{background-color:#fffff;color:#a71b1b}

<div id="navegador">
<ul>
<li><a href="#">opcion1</a></li>
<li><a href="#">opcion2</a></li>
</ul>
</div>

he probado meter font antes de etiqueta <a> pero modifica tamaño pero el color ni caso.
Si alguien tiene alguna idea. Gracias.
  #2 (permalink)  
Antiguo 16/02/2014, 00:51
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 13 años, 9 meses
Puntos: 60
Respuesta: Dudas color menu

Tienes que usar javascript
  #3 (permalink)  
Antiguo 16/02/2014, 01:31
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Dudas color menu

Hola:

Tal vez sea mejor un lenguaje del servidor, por ejemplo, php...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 17/02/2014, 08:44
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Dudas color menu

De hecho lo puedes hacer de 3 maneras, con un lenguaje del lado del servidor, como dice caricatos, donde simplemente disparas un estilo nuevo dependiendo de la página donde te encuentras.

Quizá tu menú quede así
<li><a class="activo">...
<li><a...
<li><a...


La segunda es usando css con los selectores que detectan cadenas de texto. Específicamente los que detectan la cadena de texto en la url del archivo:

Podía ser algo como esto en tu hoja de estilos:
a[href$="contacto.html"] {color: blue;}
a[href$="ambiente.html"] {color: green;}

Habría que jugar con esto.

Y la tercera es combinando los 2, detectando ese nombre de archivo y metiéndola en tu estilo css que detecta nombres de archivo:

a[href$="<?php echo $EsteMismoArchivo; ?>"] {color blue;}
  #5 (permalink)  
Antiguo 17/02/2014, 09:23
 
Fecha de Ingreso: agosto-2009
Mensajes: 26
Antigüedad: 14 años, 8 meses
Puntos: 1
Respuesta: Dudas color menu

Gracias a todos por vuestra ayuda, al final lo hice así:

<style type="text/css">
#boton1{blabla}
#boton1:hover{blabla}
#boton2{blabla}
#boton2:hover{blabla}
ul.navbar

<ul class="navbar">
<input type="botton"id="boton1"value="boton1"ONCLICK="win dow.location.href='x.html'" />
<input type="botton"id="boton2"value="boton2"ONCLICK="win dow.location.href='xx.html'" />

Gracias de nuevo
  #6 (permalink)  
Antiguo 18/02/2014, 08:14
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Dudas color menu

Bueno, sólo he de comentar que haciéndolo así estás arriesgando lo más por lo menos. Por tener tu estilo aplicado corres el riesgo de que tu site no funcione y no indexe.
  #7 (permalink)  
Antiguo 20/02/2014, 15:22
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Dudas color menu

@nachoos, no esa es una mala mala manera. No uses botones para la navegación, usa links.

Saludos
__________________
Grupo Telegram Docker en Español

Etiquetas: color, dudas, href
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 12:31.