Implementar efecto de imagen flotante en mi blog

Allan Cano · 5 Jul 2014

Buenas tardes compañeros

8:

Mire un efecto para imágenes flotantes en esté sitio ElForoDeMexico.Com y quisiera implementarlo en mi blog, pero no sé cómo hacerlo :ambivalence:.

Está es la imagen que se desplaza

Y yo quiero que esté código tenga el efecto de la imagen. Agradecería mucho su ayuda, bueno pues muchos saludos y gracias por leer el tema.

luismaster2009 · 5 Jul 2014

buena pregunta yo tambien la quiero saber , en php

LuisNara · 5 Jul 2014

Preguntale al dueño de la web, es el de "El foro de México" no??

Es de este user :encouragement:

Enlace eliminado

maximusk10 · 5 Jul 2014

eso sólamente lo hace el css;
el position:fixed; esl o que hace que la imagen tenga una posicion fija, en la pantalla. Con los elementos top, left, right y bottom, configuras en la parte que quieres que se vea, en pixeles o porcentajes

Saludos!

El z-index es lo que hace que la imagen quede encima de todo.
Y para la "x" de cerrar, es el javascript que tiene la propiedad "fade"

Allan Cano · 5 Jul 2014

Después de buscar sobre el tema por horas y horas comprendo lo que escribes

8:.
El código que tengo está en position:fixed pero lo que quiero es que el elemento (es una imagen que incluye los botones sociales para compartir) que pondré en mi sitio baje junto con el scroll, osea que baje junto con la página.

maximusk10 dijo:
eso sólamente lo hace el css;
el position:fixed; esl o que hace que la imagen tenga una posicion fija, en la pantalla. Con los elementos top, left, right y bottom, configuras en la parte que quieres que se vea, en pixeles o porcentajes

Saludos!

El z-index es lo que hace que la imagen quede encima de todo.
Y para la "x" de cerrar, es el javascript que tiene la propiedad "fade"

tany1995 · 5 Jul 2014

Insertar CODE, HTML o PHP:

<img src="URL de tu imagen" style="position: fixed; top: 0px; right: 0px;" alt="" />

Si queres que vaya en el fondo, cambia top for bottom y vas cambiando los números para ajustar la posición

Allan Cano · 5 Jul 2014

Hola, el código funciona bien :welcoming: gracias amigo

anda:. Y sí quiero que la imagen se mueva junto con el scroll como en esté sitio ElForoDeMexico.Com , ¿qué podría hacer?

tany1995 dijo:
Insertar CODE, HTML o PHP:

<img src="URL de tu imagen" style="position: fixed; top: 0px; right: 0px;" alt="" />

Si queres que vaya en el fondo, cambia top for bottom y vas cambiando los números para ajustar la posición

JesusEC · 6 Jul 2014

Aqui la solución: Imagen flotante con opciÃ³n de cerrar | Ciudad Blogger - Trucos y tutoriales para tu blog