Colocar una imagen fija en la esquina inferior

Email this to someoneShare on FacebookShare on Google+Share on LinkedInTweet about this on Twitter

Desde hace algún tiempo las imágenes fijas colocadas en la parte inferior de los blogs o webs se han convertido en una buena forma de enviar mensajes a nuestros visitantes, promocionando nuestros perfiles en redes sociales: feeds, Facebook, Twitter o simplemente enlazando una imagen de broma.
Existen dos formas de añadir una imagen fija en la esquina de tu web:
1. Por medio de CSS, añadiendo a la hoja de estilos CSS:

.imagenfija {
background-image: url(images/fotofija.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
}

Añadir el estilo en la etiqueta body:

<body class=”imagenfija”>

2. Si no tienes acceso a la hoja de estilos CSS de tu web:

<style type=”text/css”>
Body {
background-image: url (“images/fotofija.gif “);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom right;
}
</style>

Nota: para cambiar la posición en la que se mostrará la imagen basta con cambiar entre:

Esquina superior izquierda: top: 0px; left: 0px;
Esquina inferior izquierda: bottom: 0px; left: 0px;
Esquina superior derecha: top: 0px; right: 0px;
Esquina inferior derecha: bottom: 0px; right: 0px;

Sé la primera persona en comentar

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

De conformidad con lo establecido en la LOPD, Adpv Advertising Provider S.L. garantiza la adopción de las medidas necesarias para asegurar el tratamiento confidencial de los datos de carácter personal. Así mismo le informamos de la inclusión de sus datos en un fichero con la finalidad de mantener su relación negocial o contractual con Adpv Advertising Provider S.L. y de la posibilidad de ejercer los derechos de acceso, rectificación, cancelación y oposición en la siguiente dirección: Ercilla, 26, 1Dcha., 48011, Bilbao, Bizkaia. Privacidad.