martes

Cómo crear una imagen flotante en el blog

Imagen flotante de Javi MoyaSeguramente muchos de vosotros habréis visto en muchos blogs una imagen estática abajo a la derecha que por mucho scroll que hagáis permanece inmóvil (Por ejemplo en el de Javi Moya la imagen de "Por cada comentario mato a un gatito"). Este tipo de imagen se llama imagen flotante, y para ponerla en el blog hay que editar dos archivos: la hoja de estilo del blog y la barra lateral. El proceso es sencillo, y basta con hacer lo que os digo a continuación. En primer lugar, si utilizamos Wordpress, abriremos la página style.css y si utilizamos Blogger la plantilla y añadiremos las siguientes líneas:



CLIC PARA VER TEXTO PLANO



#flotante {

position: fixed;

right: 0;

bottom: 0;


display: block;

height: 200px;

width: 200px;

background: url( http://imagenquequeramossubir.jpg) bottom right no-repeat;


text-indent: -999em;

text-decoration: none;

}




Luego, en Wordpress seleccionamos la página sidebar.php y nos ponemos al final del todo, mientras que en Blogger buscamos dónde termina la barra lateral y añadimos el siguiente código:



CLIC PARA VER TEXTO PLANO



<a id="flotante">Comenta</a>




Una vez hecho ésto, y tras guardar los correspondientes archivos, nos debería salir abajo a la derecha la imagen que pusimos. Disfrutadla ;)



Tags:

No hay comentarios: