29 junio 2011

Imágenes centradas en la Sidebar

Visitando algunos blogs he observado a muchos que tienen desplazadas las imágenes en la sidebar, por si algunos no lo saben, esta es la parte donde se colocan los gadgets, pués bien, como todos sábeis, esa parte trae un ancho en píxeles para cada plantilla y he observado que algunos ponen imágenes mayores que el ancho del gadget porque utilizan el gadget de imágenes.


Concecuencias buenas de ese gadget:
Fácil y rápida colocación.
Concecuencias malas:
Si la imágen es grande produce desplazamiento de la sidebar, osea descuadre total.

Para implantar una imágen con sus medidas exastas que nos lleve a una dirección URL, tan solo deberéis añadir un gadget html-javascript y colocar en su interior este código:

<a href="URL DE LA PAGINA WEB"><img src="URL DE LA IMAGEN" width="150" height="130" /></a>

De esta forma podéis colocar cualquier imagen que queráis, aunque sea grande, siempre aparecerá con las medidas que coloquéis en el ancho y alto. Eso sí, procuradad no muy grande sobre todo por el peso de ella, porque podría relentizar la carga del blog.

Modificaciones:
 width  ancho de la imagen
 height. alto de la imagen

Estas son las que definen el ancho y alto de una imágen, valen tanto para imágenes, videos y cualquier código que las lleve.

Y solucionado, la imágen queda ahora centrada dentro del gadget.

!Espero que lo disfruten!

Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

2 comentarios

Que gran truco, muy buen post. Gracias por estos "trukillos", a los que no somos grandes expertos nos van muy bien. Saludos.

gracias por tus post de ayuda, son de mucha utilidad, sigue con ellos!
saludos


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"