- Código:
<span class="opacity"><img src="URL DE IMAGEN" width="X" height="X" border="0" /></span>
2 participantes
Efecto de imagen apagada que se enciende al pasar el ratón
Jos3- Rango: STAFF
Dinero : 134
Mensajes : 736
Registración : 30/04/2010
Jos3- Rango: STAFF
Dinero : 134
Mensajes : 736
Registración : 30/04/2010
- Código:
<a class="opacity" href="URL DE DESTINO"><img src="URL DE IMAGEN" width="X" height="X" border="0" /></a>
Si queremos que el elace se abra en una pagina nueva lo haremos asi
- Código:
<a class="opacity" href="URL DE DESTINO" target="_blank"><img src="URL DE IMAGEN" width="X" height="X" border="0" /></a>
Última edición por Jos3 el Miér Jun 23, 2010 10:43 pm, editado 1 vez
Jos3- Rango: STAFF
Dinero : 134
Mensajes : 736
Registración : 30/04/2010
- Mensaje n°3
Efecto de imagen que se apaga al pasar el ratón
- Código:
<span class="imagen-opaca"><img src="URL DE LA IMAGEN" border="0"></span>
Jos3- Rango: STAFF
Dinero : 134
Mensajes : 736
Registración : 30/04/2010
Jos3- Rango: STAFF
Dinero : 134
Mensajes : 736
Registración : 30/04/2010
- Mensaje n°5
Imagen cambia por otra al pasarle el mouse
- Código:
<img src="Aqui pones la imagen que se ve a simple Vista" onmouseover="this.src='Imagen que aparecera al pasar el mouse';" onmouseout="this.src='Aqui pones la imagen que quieres que aparesca cuando saques el mouse de encima (te recomiendo usar la misma que la primera)';" height="(alto)px" with="(ancho)px" />
Kirby- Rango: Hunter
Dinero : 10
Mensajes : 668
Registración : 30/05/2010
Kirby- Rango: Hunter
Dinero : 10
Mensajes : 668
Registración : 30/05/2010
Kirby- Rango: Hunter
Dinero : 10
Mensajes : 668
Registración : 30/05/2010
No pude hacerlo... lo intente 2 veces :S
Jos3- Rango: STAFF
Dinero : 134
Mensajes : 736
Registración : 30/04/2010
el fro se cambio de version :S zorry