Cómo poner una imagen en la esquina del blog
por Quatermain el 11/jul/2007 en El truco del almendruco | 24 comentarios
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.
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):
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>
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. 
Etiquetas
Posts relacionados (o no...)
Compartir
quartermain, en la págin a… al menos en firefox, los dos ultimos dos pollos se (lo) montan
DD y entre medusas y birras menuda fiesta!
Las medusas me daban yuyu…
A Garrafa le despertaban instintos homosexuales…
Gracias por la explicación y el post, lo intentaré a ver que pasa. Miles de gracias Pito doble.
yo aprovechare este verano tb para poenrlo en gif k esta muy kieto el mio
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.
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!!
“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.
Pues raro raro raro raro…
¿Alguien más no ve la imagen en Firefox?
Donde no se ve de ninguna de las maneras es en IE (ver. 7.0 y pico), ni falta que hace que se vea
, 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.
Quatroman que te crees A nieto…. de garrafón
Para una vez que se pone serio…
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?
Hay que poner esto, que no salía:
(Quitando el espacio entre
Vaya m*****, no sale. Miradlo aqui, en un txt.
http://www.gratisweb.com/rmoralf/imagen.txt
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
.. pero buen detalle ese del pollo 
aa y gracias por la info un saludo
no funca en blogger
T____T
No consigo ponerloOO!!
hola kiero poner una imagen de las k dices funciona en wordpress 2.5.1? porke veo k ya no la usan
saludos
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
BUENO SI QUE SE VE CON INTERNET EXLORE AL MENOS EN SU VERSION 8
y como hago para poner un enlace a la imagen?
En IE me da problemas. Probad con:
BODY {
background-image: url(“http://img120.imageshack.us/img120/6125/gatitotf9.gif”);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom right;
}