Menu que cambia de color, como lograrlo?

Participa en el tema Menu que cambia de color, como lograrlo? en el foro Diseño Web.
Hola amigos de PsicofXP , necesito ayuda para crear un menu que cambie de color ...

Buscar en este tema:

Búsqueda avanzada

1 2 >

desconectado
- 91
  
  MENSAJES
carlosmax escribió hace 1 año

¿Mensaje inapropiado?

#1 Menu que cambia de color, como lograrlo?

Hola amigos de PsicofXP, necesito ayuda para crear un menu que cambie de color ( el fondo "#contenedor_menu" es el div q quiero q cambie de color) al pasa el cursor x los links, espero q entiendan bn la pregunta y aqui esta el codigo css:

Spoiler

#contenedor_menu {
color: #666666;
background-color: #000000;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
}

#menu ul li {
float: left;
text-align: center;
}

#menu ul li a {
padding: 20px 10px 20px 10px;
display: block;
}

#menu ul li a:hover {
color: #FFFFFF;
}

Y aqui el html:

Spoiler

<div id="contenedor_menu">
<div id="menu">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Blog</a></li>
</ul>
<div class="relleno"></div>
</div>
</div>

Espero q puedan ayudarme con esto, gracias de antemano.
Editado por carlosmax - 03.12.2008 19:44 hs.

Responder a este tema

Citar

+

0

Me gusta

http://www.psicofxp.com/forums/diseno-web.210/871006-menu-que-cambia-de-color-lograrlo.html
| Más
desconectado
- 37
  
  MENSAJES
felipe71ar escribió hace 1 año ¿Mensaje inapropiado?

#2 Re: Menu que cambia de color, como lograrlo?

pienso que podrias hacerlo usando el evento onmouseover, cambiar el estilo del div?

Responder

Citar

Me gusta este mensaje

desconectado
- 91
  
  MENSAJES
carlosmax escribió hace 1 año ¿Mensaje inapropiado?

#3 Re: Menu que cambia de color, como lograrlo?

pero ese evento no es de javascript? yo lo quiero hacer completamente con CSS

Responder

Citar

Me gusta este mensaje
desconectado
- 144
  
  MENSAJES
Ryuz4ki escribió hace 1 año ¿Mensaje inapropiado?

#4 Re: Menu que cambia de color, como lograrlo?

te complicaste un poco creo, yo lo haria asi:

<html>
<head>
<style type="text/css">
.menu {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
}

.menu li a{
float:left;
width:100px;
height:30px;
display:block;
background-color:black;
color:white;
}

.menu li a:hover {
background-color:red;
}

</style>
</head>
<body>

<ul class="menu">
<li><a href="#">Foro</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">etc</a></li>
</ul>

</body>
</html>
espero que te haya servido, obviamente despues le pones los colores que vos queres.
Saludos

Responder

Citar

Me gusta este mensaje
desconectado
- 91
  
  MENSAJES
carlosmax escribió hace 1 año ¿Mensaje inapropiado?

#5 Re: Menu que cambia de color, como lograrlo?

que va! no me ha sevido, yo quiero q cambie el fondo de todo el div contenedor del menu, pero sin javascript

Responder

Citar

Me gusta este mensaje
desconectado
- 144
  
  MENSAJES
Ryuz4ki escribió hace 1 año ¿Mensaje inapropiado?

#6 Re: Menu que cambia de color, como lograrlo?

ahh, no habia entendido bien, segun entiendo entonces queres que solo se ilumine el recuadro donde estan los botones y no los botones?
si es que es asi, te dejo el codigo aca:

<html>
<head>
<style type="text/css">
.menu {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
}
.contenedor {
background-colorink;
padding:5px;
width:100px;
height:90px;
}

div.contenedor:hover {
background-color:blue;
}

.menu li a{
width:100px;
height:30px;
display:block;
background-color:black;
color:white;
}

</style>
</head>
<body>

<div class="contenedor">
<ul class="menu">
<li><a href="#">Foro</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">etc</a></li>
</ul>
</div>

</body>
</html>
nota: esto en algunas versiones viejas de navegadores como IE6 no funciona ya que se implemento en una de las ultimas versiones de CSS.

Saludos

Editado por Ryuz4ki - 09.12.2008 09:02 hs.

Responder

Citar

Me gusta este mensaje
desconectado
- 91
  
  MENSAJES
carlosmax escribió hace 12 meses ¿Mensaje inapropiado?

#7 Re: Menu que cambia de color, como lograrlo?

esto tampoco soluciona e problema

Responder

Citar

Me gusta este mensaje
desconectado
- 144
  
  MENSAJES
Ryuz4ki escribió hace 12 meses ¿Mensaje inapropiado?

#8 Re: Menu que cambia de color, como lograrlo?

si lo soluciona, pedazo de ignorante.
por que no lo lees un poco ? y lo probas? o queres que te valla a tu casa y te lo explique tambien?
un poco de ezfuerzo che!
y por lo menos agradecé maleducado, por que me tratas como si fuese mi obligacion ayudarte.

Responder

Citar

Me gusta este mensaje
desconectado
- 91
  
  MENSAJES
carlosmax escribió hace 12 meses ¿Mensaje inapropiado?

#9 Re: Menu que cambia de color, como lograrlo?

q no lo solluciona!!!, ya lo he probado, es x eso q te digo eso, yo quiero es q cambie el color del contenedor, pero un color diferente cuando se pase el mouse x encima de cada item del menu, ahora si entiendes lo q quiero?

Responder

Citar

Me gusta este mensaje

desconectado

66

MENSAJES

noxion escribió hace 12 meses ¿Mensaje inapropiado?

#10 Re: Menu que cambia de color, como lograrlo?

Uuh Asche, calmate un poco flaco, si no le funciona habra que ver donde esta el problema, pero tampoco para que te pongas asi, disculpalo por no ser tan groso como vos

A ver che si te funciona este (le cambie el "menu" por "navi"):

Código:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title><style type="text/css">
<!--
#navi {  
    list-style:none;
    margin:0;
    padding:0;
}
#navi li {
    margin:2px;
    padding:0;
    float:left;
}
#navi li a {
    display:block;
    width:100px;
    padding:4px 0;
    text-decoration:none;
    text-align:center;
    font-size:11px;
    color:#FFFFFF;
    background-color:#3399FF;
}
#navi li a:hover {
    color:#3399FF;
    background-color:#D7EBFF;
}
-->
</style></head>

<body>
<div>
<ul id="navi">
<li><a href="#">Inicio</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Blog</a>
</li>
</ul>
</div>
</body>
</html>

Saludos

Responder

Citar

Me gusta este mensaje

1 2 >

Estás en: Inicio >> Foros

« Tema anterior | Siguiente tema »

Relacionados
Populares
Usuarios Destacados

Estadísticas del tema

14 RESPUESTAS
583 VISTAS
5 USUARIOS RESPONDIERON

Ir arriba

Menu que cambia de color, como lograrlo?

Participa en el tema Menu que cambia de color, como lograrlo? en el foro Diseño Web. Hola amigos de PsicofXP , necesito ayuda para crear un menu que cambie de color ...

Participa en el tema Menu que cambia de color, como lograrlo? en el foro Diseño Web.
Hola amigos de PsicofXP , necesito ayuda para crear un menu que cambie de color ...