Hoy vamos con un post que se sale por completo de la temática del blog pero que creo que para algunos de vosotros va a ser muy útil.

He recibido algunos correos preguntando que deben hacer para poner una imagen como la que tengo en la parte inferior derecha del blog. He pensado explicaros como hacerlo y me ahorro tener que andar contando lo mismo varias veces, si de paso le sirve a otro visitante pues mejor.

La idea es mantener una imagen, o cualquier elemento del blog, siempre visible aunque se usen las barras de desplazamiento del navegador (scroll). Esto se consigue simplemente añadiendo una pequeña clase en vuestra hoja de estilos (css):

.ejemplo {
position:fixed;
bottom:10px;
right:10px;
}

Ahora solo queda aplicar esta clase a la imagen que queréis poner:

<img src="ruta de la imagen" class="ejemplo" />

Para cambiar la posición jugad con los valores de bottom, top, left y right. Fácil ¿no? Si os quedan dudas ya sabéis, dejad un comentario y así compartiremos las soluciones.

Comparte y promociona el post

8 comentarios en '[Off-topic] Cómo mantener una imagen fija en tu blog aunque hagas scroll'

  1. patricia dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija_14.html?showComment=1231953600000#c5046771792372723631'> 14 de enero de 2009, 18:20

    pues a mí estas entradas, no veas si me sirven...jajajaja :D

     

  2. Woody Jagger dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija_14.html?showComment=1231974780000#c5464820457632707018'> 15 de enero de 2009, 0:13

    Interesantísimo. Quizas lo pruebe en breve. Un saludo.

     

  3. TimeDevouncer dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija_14.html?showComment=1232000160000#c8039731648269938826'> 15 de enero de 2009, 7:16

    Muy interesante! yo también creo que lo probaré! Gracias por la explicación ;)

     

  4. Blue Monday dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija_14.html?showComment=1232097900000#c851830493544520027'> 16 de enero de 2009, 10:25

    No me he enterado de nada. Conmigo sólo funcionan las explicaciones para tontos del tipo paso 1...jajaja. Te lo agradecería porque si que me resultaría interesante colocarlo.
    Saludos desde la cueva.

     

  5. ¡Kiko! dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija_14.html?showComment=1232103000000#c4614793181163622080'> 16 de enero de 2009, 11:50

    He intentado explicarlo paso a paso pero blogger no deja meter html en los comentarios. En cuanto pueda continuo este post y así lo explico en detalle. ¡Salud!

     

  6. fernando dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija_14.html?showComment=1232215680000#c3345760526218012277'> 17 de enero de 2009, 19:08

    yo en estos temas informáticos soy un patán. No se hacer casi nada y toco poco por miedo a joderlo jajaj

    un abrazo.

     

  7. Cofi dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija_14.html?showComment=1232239680000#c235166604856909080'> 18 de enero de 2009, 1:48

    pues ya está aplicado, genial el blog ya te digo!!

    gracias por todos los consejos, lo visitaré mas veces :P

    Nos vemos!!

    Cofi's zon3 ;)

     

  8. ¡Kiko! dice que...
    http://blog.notelies.com/2009/01/off-topic-como-mantener-una-imagen-fija_14.html?showComment=1232278800000#c3631062857746368383'> 18 de enero de 2009, 12:40

    @Cofi, me alegra que te haya servido. De todas formas voy a explicar como hacerlo a tarvés de un widget en blogger para que sea todavía más sencillo. ¡Salud!

     

Publicar un comentario

Suscríbete por RSS
Recibe al momento las últimas
novedades con tu lector de feeds

Suscríbete por correo
Recibe las últimas novedades de
notelies.con por e-mail

Entradas populares

Nuevos comentarios

Customized for notelies.com by Kiko Cruz & Sonja On Mars