Crear un botón flotante sobre tu blog

| 8 Comments

Votar en Bitácoras.com Votar en Meneame

Bueno, este es un tip muy popular últimamente, pero que buscando en internet he visto muchas formas de hacerlo diferentes, siendo algunas demasiado complicadas. Ya que el efecto puede lograrse usando solamente unas lineas de CSS.

El codigo a incluir en nuestro style.css es:

.flotante {
display:scroll;
position:fixed;
bottom:320px;
right:0px;
}

En donde los 320 y el cero representan la ubicación del botón dentro del blog. Y listo.Ahora, cada ves que le den class=’flotante‘ a algo, ese algo aparecerá sobre el blog :P

Pueden probarlo facilmente agregando una linea como está en su index:

<a class='flotante' href='#' ><img src='boton-flotante.png' border="0"/></a>

La cual les dará el típico botón “subir” como resultado. (recuerden usar una imagen que esté en sus servidores).

Visto en Miguel Manchego.com

Related Posts Plugin for WordPress, Blogger...

Author: Thalskarth

Tengo 26 años y soy de Buenos Aires, Argentina. Soy Licenciado en Hotelería, aunque la informática es mi mayor hobby. ¿Qué es lo más positivo de tener el blog?: El poder expresarme, compartir lo que he ido viendo y aprendiendo, conocer gente. Creo que el blog es como una ventana abierta al mundo en donde todos podemos enriquecernos de ella.

8 Comments

  1. Pingback: Bitacoras.com

  2. ¿Por qué no lo pones en tu blog? ¿No te gusta esta función?

  3. muy bueno, excelente para personalizar, una pregunta: ¿cómo haces para poner código en un post?, cuando yo lo intento no se muestra el código, tal vez podrías ayudarme con eso, uso blogger, gracias

Deja un comentario

Required fields are marked *.

*


Enlaces Patrocinados:
CLABSOL Planet Ranking Linux