17.3.07

Imagen Flotante

Si quieres añadir una imagen en la esquina inferior de tu blog y que se muestre siempre en esa posición aunque te desplaces por la página, te mostramnos aquí como hacerlo. En función del sistema de blogs que utilices deberás utilizar un código u otro.

Debes añadir entre las etiquetas style type=text/css y /style en Blogger, el siguiente código:

#imagen-flotante {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 200px;
width: 200px;
background: url( http://blog-hispano.atspace.com/banner1.GIF) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

Cambia la parte en rojo por la dirección de la imagen que desees poner.

Si quieres hacerlo en WordPress, debes incluir esta parte en la página style.css.

Y luego, en la zona del body, dentro de la sidebar, incluimos lo siguiente:


En el caso de WordPress, deberías incluir este código en la página sidebar.php.

Espero que os sirva. A el código que hay que incluir en la sidebar se le puede añadir el parámetro href para lograr que la imagen enlace a una dirección de internet.

1 comentario:

Pato Aliaga dijo...

no logro hacerlo funcionar en IE, me podrian ayudar apra que se pueda ver la imagen flotante en IE correctamente, de antemano muchas gracias.