Buscador
.

27 octubre 2011

Como colocar una imagen flotante

Ya vimos como colocar una imagen firme pero esta vez veremos como colocar una imagen flotante (que no se mueva junto con la página). Es igual de sencillo y solo necesitas utilizar este código...

<img src="URL de tu imagen" style="position: fixed; top: 0px; right: 0px;" alt="" />
Nuevamente lo que está en rojo tienes que cambiarlo por la URL de tu imagen.Top y right dan la ubicación a la imagen y pueden tomar los valores: bottom, left y center

48 comentarios:

  1. Lo siento pero no me sale, copio el codigo en widget/html y despues copio la url de mi foto y no mesale nada. Un saludo Anna

    ResponderEliminar
    Respuestas
    1. Tienes Que poner el tipo de imagen despues del . ejemplo jpeg,gif o png etc

      Eliminar
  2. Anna: cual es la imagen que quieres poner¿?

    ResponderEliminar
  3. Cordial saludo.

    Me puedes explicar por favor lo de la URL de la imagen.

    hegiraldo@gmail.com

    ResponderEliminar
    Respuestas
    1. Mira esta entrada

      http://www.truco95.com/2011/10/como-subir-tus-propios-archivos-y.html

      Eliminar
    2. tienes que copiar la direccion de la imagen dando click derecho y copiar url de la imagen y la pegasdonde eta en rojo si queres te ayudo amiga con gusto

      Eliminar
  4. y como hago para ponerle un enlace a la imagen??

    ResponderEliminar
    Respuestas
    1. Este comentario ha sido eliminado por el autor.

      Eliminar
    2. Tienes que agregar

      < a href="Enlace" >

      al principio y

      < / a >

      al final

      pero recuerda poner el segundo código todo junto.

      Eliminar
  5. pues o yo soy tontolabas.... xD o la imágen está mas "tiesa" (ESTÁTICA) que una estatua (no flota, es una imágen fija)

    ResponderEliminar
  6. Como puedo agregar un enlace a la imagen flotante. vi el comentario de mas arriba pero no me dio resultado. Me gustaría me explicaras mas afondo. Gracias!!

    ResponderEliminar
    Respuestas
    1. El código que está arriba, lo encierras en este


      < a href="Enlace" >

      CODIGO DE IMAGEN FLOTANTE

      < / a >

      Eliminar
    2. Sólo recuerda poner

      < / a >

      junto, sin espacios. Lo puse así porque no me dejaba de otra forma

      Eliminar
  7. quiero saber como hago, para que al darle click a una imagen aparesca la imagen siguiente, como en los lectores de manga online. gracias

    ResponderEliminar
  8. https://www.facebook.com/badges/profile.php

    ResponderEliminar
  9. Necesito qe me digan , como encerrarlo? perdonen pero no entiendo.

    ResponderEliminar
  10. Hola, como podía poner un reproductor de música flotante HTML?

    ResponderEliminar
  11. exelente tutorial gracias amigo

    ResponderEliminar
  12. ola oie como le puedo acer para poner como tu la flecha que aparece cuando se baja

    ResponderEliminar
  13. excelente a mi me sirvió en miren de muestra miren mi web http://soportes.eu5.es

    ResponderEliminar
  14. hola nesecito ayuda quiero colocar una imagen flotante pero que quede en un determinado punto de mi web y que no se mueva cuando me desplaso por la web es para tapar una publicidad porfa desde ya estoy muy agradecido mi email
    tenemostodo1@hotmail.com

    ResponderEliminar
    Respuestas
    1. Hola, entonces no sería flotante, sería absoluta. La publicidad está en una columna o aglo así?

      Eliminar
  15. Hola, buena tu orientación y gracias, pero sigo lo indicado y algo debo estar haciendo mal... quiero poner una imagen flotante con enlace y pongo: < a href="Enlace" >CÓDIGO QUE INDICAS PARA FLOTANTE< / a > aparece la imagen pero no es flotante, es sólo una imagen más y no sé tampoco dónde o cómo colocarle el enlace hacia la página de mi web que quiero que redireccione. Te agradeceré si me ayudas por favor: rocio_segura76@hotmail.com

    ResponderEliminar
  16. hola quisiera saber como hago para ponerle la opcion de cerrar desde ya gracias

    ResponderEliminar
  17. Gracias por el dato, me ha servido para poner en mi web la imagen flotante que necesitaba

    ResponderEliminar
  18. donde lo pongo?? en ajustes??? por que no me aparecen los juegos pirotecnico si lo pongo en ajustes

    ResponderEliminar
    Respuestas
    1. ¿Qué juegos pirotécnicos? ¿ajustes? ¿cuál es tu página?

      Eliminar
  19. Me gustaria saber si se puede hacer que al alejar la pagina con el zoom no se mueva la imagen, gracias ;)

    ResponderEliminar
    Respuestas
    1. No se puede porque al hacerlo toda la página se aleja, lo siento.

      Eliminar
  20. HOla yo quisiera saber como puedo poner la opcion de subcribirse en mi blog, porque no me sale nada y ademas no tengo ni idea. Ayudame Please!!!

    ResponderEliminar
    Respuestas
    1. Tu blog es de Blogger? si es así podes agregar un gadget y ahí está

      Eliminar
  21. Gracias Amigo aunque tuve que hacer méritos para ponerle un link ! pero me valió de mucho!

    ResponderEliminar
  22. ¡Muchas gracias! en otras páginas complicaban demasiado las cosas, buscaba algo sencillo y directo =D

    Saludos.

    ResponderEliminar
  23. si estoy elaborando una factura como hacer para que conforme se vayan capturando los clientes, el número de folio vaya de una manera consecutiva , es decir, 1,2,3 conforme se vayan registrando los clientes

    ResponderEliminar
  24. Como hago para que esa imagen se cierre?

    ResponderEliminar
  25. como hago para poner una imagen flotante en mi pagina q estas en cpanel?

    ResponderEliminar
  26. Gracias Era lo que Buscaba
    http://zofoke.blogspot.com/

    ResponderEliminar
  27. COMO HAGO AL HACERLE CLICK A UNA IMAGEN SE VAYA A UNA PAGINA COMO HAGO

    ResponderEliminar
  28. Como insertar un script en la imagen para que consulte una base de datos y llame a otra imagen para que funcione como un semáforo. La base de datos es independiente de la base con la que puede operar la página web

    ResponderEliminar
  29. hola chamo soy rasputia

    ResponderEliminar
  30. http://lalamiyaya.jimdo.com/

    ResponderEliminar