Cómo 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 precedente.

Su autor, Quatermain nos cuenta cómo poner una imagen fija de la esquina inferior derecha (aunque nos advierte que no funciona en el Explorer). 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 (le han llamado a ese elemento “bean”, 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> dentro de <div id=”bean”></div>

Hace unos día encontré algo parecido, aunque tiene otra utilidad y lo puse en Imagen flotante con efecto de “ir arriba” (por si alguien tiene curiosidad)