Ahora una imagen para que vean el funcionamiento.
Asi es como se ve cuando el mouse no esta sobre
ninguna Foto:
Este es el efecto cuando se pasa por encima de una Foto
Cambian:
URL_de_tu_amigo --> por la direccion hi5 de cada amigo
URL de la imagen que forma el circulo --> Son las imagenes que estan alrededor
URL de la imagen que aparecera --> Es la imagen q aparecera al poner el mouse encima de una imagen de
alrededor
TIENES QUE PONER ESTE CODIGO TAMBIEN PARA QUE FUNCIONE EL EFECTO DE AQUI SOLO COPIA Y PEGA NADA MAS
fuente: www.pympy.com
espero q te gusta
ok
zaludoz!!
Asi es como se ve cuando el mouse no esta sobre
ninguna Foto:
Este es el efecto cuando se pasa por encima de una Foto
Cambian:
URL_de_tu_amigo --> por la direccion hi5 de cada amigo
URL de la imagen que forma el circulo --> Son las imagenes que estan alrededor
URL de la imagen que aparecera --> Es la imagen q aparecera al poner el mouse encima de una imagen de
alrededor
- Spoiler:
- <div id="Jechu-galeria">
<a class="Jechu-imagen" href=" URL_de_tu_amigo "><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo1"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
<a class="Jechu-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo12"/><span><img class="ventana" src="URL de la imagen que aparecera"/></span></a>
<a class="Jechu-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo11"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
<a class="Jechu-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo10"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
</br><a class="Jechu-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo2"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
<a id="pad" class="Jechu-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo9"/><span><img class="ventana" src="URL de la imagen que aparecera"/></span></a>
</br><a class="Jechu-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo3"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
<a id="pad" class="Jechu-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo8"/><span><img class="ventana" src="URL de la imagen que aparecera"/></span></a>
</br><a class="Jechu-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo4"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
<a class="Jechu-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo5"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
<a class="Jechu-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo6"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
<a class="Jechu-imagen" href="URL_de_tu_amigo"><img class="fotos" src="URL de la imagen que forma el circulo" title="Amigo7"/><span><img class="ventana" src="URL de la imagen que aparecera"/><br/></span></a>
</div>
TIENES QUE PONER ESTE CODIGO TAMBIEN PARA QUE FUNCIONE EL EFECTO DE AQUI SOLO COPIA Y PEGA NADA MAS
- Código:
<style type="text/css">
#Jechu-galeria{
position: relative;
height:450;width:350px;
border: 0px;}
.Jechu-imagen img{
border: 2px solid black;
margin: 0 5px 5px 0;}
.Jechu-imagen:hover img{
border: 2px Dashed #FF0000;}
.Jechu-imagen span{
position: absolute;
background-color: transparent;
visibility: hidden;
color: black;
text-decoration: center;}
.Jechu-imagen:hover span{
visibility: visible;
left: 90px;
top:115px;
z-index: 10;}
.Jechu-imagen .fotos{
width:75px;height:100px;}
.Jechu-imagen .ventana{
width:160px;height:210px;}
#pad.Jechu-imagen {padding-left:175px;}
</style>
<style type='text/css'>
#vanity-bars {position:relative;margin-left:65px;margin-top:8px}
#vanity-bars h4 {text-indent:-999px;
background:url(http://m.usersonline.com/counter/jechubbito.png?c=00FFFF) no-repeat top left;
}
#vanity-bars {
background:url(http://m.usersonline.com/counter/jechubbito.png?c=00FFFF) no-repeat top left;padding-top:18px !important
}
}</style>
fuente: www.pympy.com
espero q te gusta
ok
zaludoz!!
