Foros del Web » Creando para Internet » CSS »

Efecto Hover a un Div con contenido múltiple (texto, imagenes)

Estas en el tema de Efecto Hover a un Div con contenido múltiple (texto, imagenes) en el foro de CSS en Foros del Web. Espero que no les moleste esta pregunta, resulta que estoy tratando de hacerle un efecto hover a una imagen, pero por mas que le hago ...
  #1 (permalink)  
Antiguo 12/08/2010, 16:51
 
Fecha de Ingreso: agosto-2010
Mensajes: 6
Antigüedad: 7 años, 3 meses
Puntos: 0
Exclamación Efecto Hover a un Div con contenido múltiple (texto, imagenes)

Espero que no les moleste esta pregunta, resulta que estoy tratando de hacerle un efecto hover a una imagen, pero por mas que le hago (java script, css, etc) no logre que pase.

Este es el DIV que tengo y al que le quiero aplicar el hover:

<div class="DIV104"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4Lm NmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYzJmZyaWVuZElE PUlE" target="_blank"><img src="http://3.bp.blogspot.com/_uPQRNOJSoQY/TGRCDUhXXuI/AAAAAAAAAvU/E4a84BlNQ6I/s400/TOP1SENDMESSAGE.png" /></a></div>

Como ven, es una imagen con texto, pero por mas que le busco para aplicarle un hover no he encontrado nada, no se si alguien podrá ayudarme

Lo mas cercano a un hover que logre fue con esta propiedad en css, pero deseo mas opciones y no solo ponerlas transparentes:

div.module {
background-color:transparent;
background-image:none;
border : none;
}

y despues aplicarle a cada DIV:

<span class="opacity">

Pero como les comento, deseo mas opciones XD

Última edición por DarkBass; 12/08/2010 a las 16:56
  #2 (permalink)  
Antiguo 12/08/2010, 17:02
 
Fecha de Ingreso: enero-2010
Mensajes: 214
Antigüedad: 7 años, 10 meses
Puntos: 4
Respuesta: Efecto Hover a un Div con contenido múltiple (texto, imagenes)

Usa javascript...

Código Javascript:
Ver original
  1. <div onmouseover="this.style.backgroundColor='#CCC'">TU CAPA</div>

Un saludo!
__________________
Si tienes ganas de entretenerte un poco, echa un vistazo a Blubik Entretenimiento, por ver de qué va no pasa nada xD
  #3 (permalink)  
Antiguo 12/08/2010, 17:05
 
Fecha de Ingreso: agosto-2010
Mensajes: 6
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: Efecto Hover a un Div con contenido múltiple (texto, imagenes)

Muchas gracias amigo, inmediatamente lo testeare a ver si ya funca!

gracias :)
  #4 (permalink)  
Antiguo 12/08/2010, 17:12
 
Fecha de Ingreso: agosto-2010
Mensajes: 6
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: Efecto Hover a un Div con contenido múltiple (texto, imagenes)

Hmmm edito, ya lo coloque y no funca :( , mi problema tal vez es por que tengo varias divs :

<div onmouseover="this.style.backgroundColor='#B3B3B3'" ><div class="DIV104"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4Lm NmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYzJmZyaWVuZElE PUlE" target="_blank"><img src="http://3.bp.blogspot.com/_uPQRNOJSoQY/TGRCDUhXXuI/AAAAAAAAAvU/E4a84BlNQ6I/s400/TOP1SENDMESSAGE.png" /></a></div></div>

<div class="DIV105"><span class="imagenvideo"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm 0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX2NvbmZpcm0mc3 RhdHVzQ0Q9MSZmcmllbmRJZD1JRA==" target="_blank"><img src="http://1.bp.blogspot.com/_uPQRNOJSoQY/TGRB9MW6BmI/AAAAAAAAAvM/WKAMBgQ-SjI/s400/TOP1ADDTOFRIENDS.png" /></a></span></div>

y ya cada una de ellas esta posicionada, no se si eso influya:

div.DIV104 {position:absolute; top:824px; left:154px; height:1%; width:30; background:transparent; border-left:0px solid black; border-right:0px solid black; padding-top:4px; padding-left:4px; padding-right:4px;}

div.DIV105 {position:absolute; top:824px; left:440px; height:1%; width:30; background:transparent; border-left:0px solid black; border-right:0px solid black; padding-top:4px; padding-left:4px; padding-right:4px;}

Etiquetas: hover
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 20:31.