Agrandar Imagenes

11 febrero 2008 11:48

Mostrar las imagenes y que se agranden cada vez que se tocan o pasen el ratón del mouse por encima.Es un truco que resulta curioso e interesante, Para llevarlo a cabo iremos a plantilla y justo antes de la etiqueta de ...</head>
añadiremos este código:
<style type='text/css'>



.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: black;

padding: 5px;

left: -100px;

border: 1px dashed gray;

visibility: hidden;

color: #FFFF00;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: 10px; /*position where enlarged image should offset horizontally */



}



</style>

Después sólo nos faltará aplicar este otro en el sitio que queramos mostrarlo bien sea un post o en el -sidebar-:

<a class="thumbnail" href="#thumb"><img src="http://i81.photobucket.com/albums/j219/jgutierrezs/arbol-2.jpg" width="100px" height="100px" border="0" /><span><img src="http://i81.photobucket.com/albums/j219/jgutierrezs/arbol-2.jpg" /><br />Inseguridad</span></a>
Ejemplo


Inseguridad

En vivo, Nadal-Roddick 21/03/09 12.10
Actualidad
Andy Murray ya espera rival en la final del primer Masters Series del año.
04/07/09 20.50 Rossi en Laguna Seca Valentino Rossi logró en la última vuelta el mejor tiempo de los primeros entrenamientos libres del GP de Estados Unidos, una sesión marcada por la pugna constante entre los tres dominadores de la categoría: el italiano, Jorge Lorenzo y el australiano Stoner. Seguir Leyendo...
4/08/08.20.30 Meca,heptacampeón en el Pas David Meca sumó su séptimo triunfo consecutivo en el ascenso a nado a la Rías de Pas, prueba que se celebró ayer con la participación de 120 nadadores en todas las categorías. Meca, récordman de larga distancia, como no podía ser de otra forma Seguir Leyendo...
20/03/09 Cambio puntuación F1 Pretendía cambiar el sistema de puntuación para la clasificación de pilotos y otorgar el título de campeón al piloto con más victorias. Seguir Leyendo...
30/03/08 Portatil Acer 4220 Parece mentira lo que han bajado los portatiles, viendo la página web del Diario Montañes, de Cantabria, veo que venden portatiles nuevos por sólo 399,95 euros., y no hace tanto la media estaba casi en 1200 euros.No deja de ser una buena noticia que algo baje en estos tiempos. Seguir Leyendo...

Post aleatorio

Powered by Stuff-a-Blog

Hechos Historicos

Powered By Blogger

Link My

Recursos y Diseño Web

Create a Meebo Chat Room

Post Ultimos

Fresh Blogger Templates
 
ir arriba ir arriba

El Blog de J.Guti Copyright© 2007 | Plantilla Blogger | Diseño de Freshbloggertemplates y J.Guti