Vas a verlos por categorías, son las etiquetas.

Tenes el listado total, buscando por titulo de entrada.

Los post de ayuda están ordenado por mes.

Un listado de amigos, los que me linkean, si no estás avisame.

Podes tenerme en tu blog con un banner. Si queres algún color pedime que lo armo.

Buen recurso para las imagenes !!!!

Esto es tan bueno que no vas a poder creer que sea tan fácil.
Es un script para mostrar una imagen en miniatura, que cuando la tocan se agranda.
Mirá:


Inseguridad

Genoma


Códigos:
Despues de <head> de tu plantilla, agregas estas lineas

<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>


Aca podes configurar la posición de la imagen que se agranda, el color de fondo, el tipo de texto, etc.

Y para agregar la imagen va este código:
Te agrego uno armado con una imagen que puse arriba:

<a class="thumbnail" href="#thumb"><img src="http://img74.imageshack.us/img74/7974/inseguridadji1.jpg" width="100px" height="100px" border="0" /><span><img src="http://img74.imageshack.us/img74/7974/inseguridadji1.jpg" /><br />Inseguridad</span></a>


Este código lo pones donde vos quieras que vaya la o las imagenes.
Aca podes modificar el tamaño de la imagen que va en miniatura y el texto de abajo.

13 comentarios :

Roma Vórtice dijo...

Los thumbnails me quedan en AD-SIZE, QUE PASA??? necesito ayuda!! Esto lo buscaba hace tiempo ya, ahora no me quiero quedar a mitad de camino. Gracias!!

Blog de César dijo...

Buenas Roma!!!
Estuve mirando tu blog y veo que ya solucionaste el problemita que planteas.
Se agradece tu visita.
Saludos

la Harych dijo...

César mi duda es como cambio las imagenes por las que yo quiero...voy a mis imágenes y de ahí que es lo que pongo, no entiendo...

Kill[tro] dijo...

esta genial este trukillo !!

muxas gracias ;)

http://amondisk.blogspot.com/2007/10/samael.html

Diseñador del mes dijo...

mUY BUENO ESTE TRUCO ES EL QUE QUIERO APRENDE RPERO LO QUE NO ENTIENDO ES DODNE DICES QUE PARA EL PRIMER CODIGO VAYA DESPUES DE HEAD Y YO DIGO ¿DONDE ESTA HEAD PORFA RESPONDEME A MI CORREO paco_living@hotmail.com
saludos

mariangel dijo...

hola Cesar, muy bueno TODO, tengo una pregunta, coloqué esto en mi blog, y las miniaturas me quedan en vertical ¿que tengo q modificar para q me queden horizontal, como las tuyas? desde ya muchas gracias. mi blog es todojohnnydepp.blogspot.com - mi mail es stephanniex@gmail.com :)
de nuevo gracias

JOSE DUVAN LIZARAZO CUBILLOS dijo...

CESAR, CORDIAL SALUDO Y FELICITACIONES POR TU MARAVILLOSA PAGINA. QUISIERA SABER ¿COMO HAGO PARA SUBIR IMAGENES ESCANEADAS A MI BLOGS?. MIL GRACIAS.

Sebastian Castillo Serrano dijo...

Saludos!. Excelente tu blog.

Van unos días desde que hice mi primer blog y he logrado hacer varias cosas gracias a toda la info'.

Mi duda: Cuando aparece la imagen, me aparece cortada. A qué se debe?

De antemano, gracias

mi blog: arquitecturabookproyectos.blogspot.com

Adrian dijo...

Entren y diviertanse con todos los cap. de naruto,dragon ball Z y mucho mas!!Que esperas!!

Entra!!

http://the-legendary-naruto.blogspot.com/













Entren y diviertanse con todos los cap. de naruto,dragon ball Z y mucho mas!!Que esperas!!

Entra!!

http://the-legendary-naruto.blogspot.com/












Entren y diviertanse con todos los cap. de naruto,dragon ball Z y mucho mas!!Que esperas!!

Entra!!

http://the-legendary-naruto.blogspot.com/

martinezgomezflor@gmail.com dijo...

Me gustó mucho tu página pues es de gran ayuda para aquellas personas que tienen diferentes problemas o necesitan algo especial, en lo particular me interesó lo de las imágenes que se agrandan, coloqué el codigo en mi plantilla, pero luego el otro codigo que se adiere a las imágenes que ya tengo instaladas no lo pude hacer, me indicas donde vá este codigo por favor, además no logré poner música de fondo a mi blog, soy nueva en esto y me da mucha pena molestarte.

DVDwORLD dijo...

Hola Cesar, Muy bueno el truco pero tengo una duda... Cuando pongo las imagenes: la imagen "Que se agranda" sale atras de la otra que tengo al lado. Que tengo que cambiar?? tengo una columna de 5 fotos y cuado paso el mouse por la primera y se agarnda no se ve bien porq la tapa la segunda foto de la columna. De todos modos te agradezco esta gran ayuda!! Tu blog es muy bueno!! Te dejo el mio: www.dvdworld-arg.blogspot.com (Fijate que tengo muchisimos trucos tuyos) Un abrazo

Julio Sánchez dijo...

Hola,

he aplicado el efecto a mi web pero el problema es que yo lo hago a una imagen que está dentro de la celda de una tabla. Al agrandarse la imagen también se agranda la celda de la tabla, con lo que todo queda descolocado.

¿Habría alguna forma de hacer lo mismo pero que la imagen agrandada estuviera al lado de la imagen pequeña pero por encima de la tabla para que no se descoloque la tabla?.

Muchas gracias,
Julio Sánchez

Alberto4D dijo...

Cesar:
yo quiero hacer algo similar, pero aplicado a una imagemap. yo encarre el problema utilizando jquery y queriendo usar tooltips y Lightbox 2.
por el momento hice andar el tooltips (y de una manera no muy ortodoxa), pero no los dos. la pagina es esta

Hola, que tal!!!
Podes mirar, copiar, sugerir y/o desechar, todo es gratis, lo único que te pido
no borrés los créditos de las plantillas y me linkees si podes.
Abrazos, buena suerte y más que suerte!

Blog de César [ayuda para blogger]
 
ir arriba <body> . </body>