El código a poner en la hoja de estilos es el mismo del que os hablé hace tiempo, solo que esta vez, debemos poner el “código de la imagen” en el footer, justo antes de la etiqueta de cierre del body.
Tenéis que poner el siguiente código en la hoja de estilos:
01.#flotante {02.position: fixed;03.right: 0;04.bottom: 0;05.display: block;06.height: 200px;07.width: 200px;09.text-indent: -999em;10.text-decoration: none;11.}PDTA: Ayer se me olvidó poner todos los enlaces de la entrada, así como dar las gracias a Victor por inspirar la idea gracias a su blog.
fuente
http://bocabit.com/tecnologia/blogs/algunos-cambios-en-el-blog-fomentar-feeds-y-mejorar-la-publicidad.php
--------------------------------------------------------------------------------------
Seguramente 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:01.#flotante {02.position: fixed;03.right: 0;04.bottom: 0;05.display: block;06.height: 200px;07.width: 200px;09.text-indent: -999em;10.text-decoration: none;11.}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:
1.<a id="flotante">Comentaa>fuente
http://bocabit.com/tecnologia/blogs/como-crear-una-imagen-flotante-en-el-blog.php
como quería, es decir, flotante o lo que es lo mismo que cuando bajes la página se mantenga siempre en la misma posición. Hoy he conseguido ponerla así gracias a LIAMNGLS, os recomiendo una visita a su blog, allí os explica como poner una imagen flotante de una forma sencilla y fácil de entender, además su blog tiene otras muchas cosillas interesantes.
¡Que os divirtáis!
Añadido:Abajo, en los comentarios de esta misma entrada, he puesto como conseguir la imagen flotante de una forma más sencilla y que se ve en IE y Firefox.
Antes de ponéis esto:
fuente
------------------------------------------------------------------------------------------------------
fuente
http://ciudadblogger.com/2009/03/poner-imagen-estatica-en-el-blog.html
Una imagen flotante o estática es una imagen que permanece visible aunque bajemos o subamos toda la barra de desplazamiento de una página y esta siga en el mismo lugar. Pueden ver un ejemplo aquí, yo he puesto el logotipo anterior de Ciudad Blogger, tú puedes poner tu logo, un mensaje, una foto, o la imagen que más te guste. Colocarla es muy fácil, sólo entra en Diseño > Edición de HTML y pega antes de </body> lo siguiente:
Sólo debes cambiar la URL de la foto; esta imagen quedará en la parte inferior izquierda, para cambiarla de posición remplaza bottom por top si la quieres arriba, y right por left si la quieres a la derecha.
Este truco igual lo puedes usar para poner una flecha (ir arriba) y que los mande al inicio del blog, si ese es el caso entonces usa este código:
Este truco igual lo puedes usar para poner una flecha (ir arriba) y que los mande al inicio del blog, si ese es el caso entonces usa este código:
No hay comentarios:
Publicar un comentario