Cómo poner una imagen en la esquina del blog

Me pregunta Espineli cómo poner la imagen fija de la esquina inferior derecha (no funciona en Iexplorer ¿para qué usas Iexplorer?) y como no es nada del otro mundo y es algo muy extendido en los blogs, lo voy a explicar para quien quiera ponerlo en el suyo.

pollo.jpg

Lo único que necesitamos es tocar dos archivos: la hoja de estilos y el de plantilla (normalmente el pie de página).

En la hoja de estilos ponemos lo siguiente (nosotros llamamos a ese elemento “bean” en honor a la primera imagen que pusimos, pero lo podéis llamar como queráis):

div#bean{
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 234px;
width: 150px;
background: url(’tu-imagen.gif‘) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
*display: none;
}

Poniendo en lugar de tu-imagen.gif la ruta a la imagen.

Y en el archivo de plantilla (por ejemplo footer.php) se pone al final, justo antes del </body>

<div id=”bean”></div>

A propósito de todo esto, hemos puesto al final de la página de Historia del Pito Doble un histórico de los “beans” que hemos ido poniendo. ;-)

Publicado el 11 de Julio de 2007 en El truco del almendruco

24 Comentarios

  1. 1. eL FRuTeRo el 11 de Julio de 2007 a las 9:22 AM
    gravatar

    quartermain, en la págin a… al menos en firefox, los dos ultimos dos pollos se (lo) montan xDDDDD y entre medusas y birras menuda fiesta!

  2. 2. RuFo el 11 de Julio de 2007 a las 9:44 AM
    gravatar

    Las medusas me daban yuyu…

  3. 3. Quatermain el 11 de Julio de 2007 a las 9:50 AM
    gravatar

    A Garrafa le despertaban instintos homosexuales…

  4. 4. Espineli el 11 de Julio de 2007 a las 11:24 AM
    gravatar

    Gracias por la explicación y el post, lo intentaré a ver que pasa. Miles de gracias Pito doble.;)

  5. 5. Javi J. el 11 de Julio de 2007 a las 11:33 AM
    gravatar

    yo aprovechare este verano tb para poenrlo en gif k esta muy kieto el mio

  6. 6. comolavida el 11 de Julio de 2007 a las 12:09 PM
    gravatar

    Muy buenos los “bean”, aunque ahora no lo tienes puesto en el blog o a mi no me sale, una cosilla me podrias recomendar algun programa “gratuito” para hacer gif animados muchas gracias y feliz verano.

  7. 7. Quatermain el 11 de Julio de 2007 a las 12:21 PM
    gravatar

    Sí que está puesto el “bean” del pollo cervecero. Si no lo ves ¿no será porque estás usando Internet Explorer? Mira que eso es pecado… Pásate a Firefox!!

  8. 8. comolavida el 11 de Julio de 2007 a las 12:30 PM
    gravatar

    “Quatermain” uso ambos pero lo que me resulta raro es que siempre lo vi con internet explorer o con el fierefox, pero el nuevo ni de coña.

  9. 9. Quatermain el 11 de Julio de 2007 a las 2:13 PM
    gravatar

    Pues raro raro raro raro… ^o)

    ¿Alguien más no ve la imagen en Firefox? :|

  10. 10. Toni el 11 de Julio de 2007 a las 2:42 PM
    gravatar

    Donde no se ve de ninguna de las maneras es en IE (ver. 7.0 y pico), ni falta que hace que se vea (n), pero con FF sin problemas se ve perfecto ;) , conclusión:
    IE es una m…. pinchada en un palo. (con perdón).
    Gracias por compartir el secreto del dibujo de la “esquina inferior derecha” (jo eso parece una tabla de gimnasia), vi algo parecido hace unos día y lo puse en mi blog (asi aprovecho para hacer publicidad) Imagen flotante con efecto de “ir arriba” :$
    Salud a todos.

  11. 11. Garrafa el 11 de Julio de 2007 a las 2:50 PM
    gravatar

    Quatroman que te crees A nieto…. de garrafón

  12. 12. Quatermain el 11 de Julio de 2007 a las 3:00 PM
    gravatar

    (i) Pues no estaría nada mal que Anieto sacara un plugin para esto de la imagen de la esquina y así poder gestionar su cambio con facilidad. ¿Alguien se lo propone?

  13. gravatar

    […] poner una imagen en la esquina del blog En el blog de el PITO DOBLE (unas de mis lecturas diarias), han puesto algo serio, espero que no sirva de […]

  14. 14. toni el 11 de Julio de 2007 a las 3:04 PM
    gravatar

    Para una vez que se pone serio…

  15. 15. todo.noticia.es el 12 de Julio de 2007 a las 12:28 AM
    gravatar

    Cómo poner una imagen en la esquina del blog…

    Me pregunta Espineli cómo poner la imagen fija de la esquina inferior derecha (no funciona en Iexplorer ¿para qué usas Iexplorer?) y como no es nada del otro mundo y es algo muy extendido en los blogs, lo voy a explicar para quien …

  16. 16. rmoralf el 12 de Julio de 2007 a las 2:00 AM
    gravatar

    Pues yo el mio le pongo simplemente escribiendo esto entre las etiquetas BODY de index.php, single.php y page.php

    PD: ¿que os parece?

  17. 17. rmoralf el 12 de Julio de 2007 a las 2:02 AM
    gravatar

    Hay que poner esto, que no salía:
    (Quitando el espacio entre

  18. 18. rmoralf el 12 de Julio de 2007 a las 2:05 AM
    gravatar

    Vaya m*****, no sale. Miradlo aqui, en un txt.

    http://www.gratisweb.com/rmoralf/imagen.txt

  19. 19. Demox el 27 de Julio de 2007 a las 12:46 AM
    gravatar

    aa esto si que es bueno, pero lastima que no se vea en IE ya que la mayoria tienen ese explorador hay que ser un poco realistas xD .. pero buen detalle ese del pollo :mrgreen: aa y gracias por la info un saludo(a)

  20. 20. eo el 20 de Octubre de 2007 a las 9:51 PM
    gravatar

    no funca en blogger

  21. 21. yeyo12st el 1 de Mayo de 2008 a las 10:12 PM
    gravatar

    T____T:cry: No consigo ponerloOO!!

  22. 22. Imagen flotante en la esquina | yeyo12st el 2 de Mayo de 2008 a las 12:07 AM
    gravatar

    […] BUEno primero comenze mirando este tutorial de pitodoble […]

  23. 23. nadie007 el 30 de Mayo de 2008 a las 7:34 AM
    gravatar

    hola kiero poner una imagen de las k dices funciona en wordpress 2.5.1? porke veo k ya no la usan

    saludos

  24. 24. araque el 13 de Agosto de 2008 a las 3:16 PM
    gravatar

    HOYGAN ke a mi tampoco me finciona la kosa en mi blog, podra pasar el señor quaterman a mirar kual es mi provlema? grazias xD

Deja tu comentario

:) ;) :cry: :mrgreen: :p xD :( :@ (h) 8o| :| 8-) ^o) :^) *-) :s :$ (a) :-# |-) (:o) (y) (n) (h5) (b) (c) (^) :tomate: (k) (l) (u) (f) (w) :[ (ci) (bah) (li) (r) (i) (8) .|. :pollo: :Q: :M: :N: :G: :H: :J: :D: :T: :L: :C: (dog) :chuano: (st) :ct: (banano) (_|_)

 

Buscar en El Pito Doble

Comentarios recientes

Para los autores

SGAE, meteros el canon por el CULO

Google

Rankings

Según Wikio:

Wikio – Top Blogs

Según Alianzo:

Según mi madre:

Vinos y aceites

ABACERÍA DEL SUR
Tienda online de vinos y aceite de oliva