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)

Anuncios

9 Responses to Cómo poner una imagen en la esquina del blog

  1. Espineli dice:

    Si ya lo he conseguido soy espineli jeje, me lo explico de otra manera el blog de “la otra chilanga” y me dio resultado, y por cierto yo nunca he usado el explorer para mi es pecado… salu2.

  2. Toni dice:

    Eso está bien Espineli, un saludo.

  3. Fabricio dice:

    esto no funciona, no está bien, para el IE…

  4. Fabricio dice:

    como hacer funcionar en Explorer?

  5. Toni dice:

    Uffff con IE, todos las cosas que creas con facilidad para cualquier navegador FF, Opera, luego no funcionan, pues no cumple los estándares.

  6. […] Este otro articulo puede ir bien al tema Cómo poner una imagen “fija” en la esquina del blog. […]

  7. nadie007 dice:

    ya no lo usas? no finciona con 2.5.1?

  8. http://www.relatosdelterror.com.ar
    entren en esta web y descubran su futuro,videos de fatasmas reales ,fotos de avnis y videos, y tambien pueden descubrir su muerte con ella esta re copada

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: