Imagen que sigue la pantalla

[Vendetta]

Buenas...He visto esto en algunos otros foros.

Son unas imagenes, normalmente puestas en la parte inferior del navegador, en la esquina derecha y se queda ahi aunque subas o bajes por la pagina, se suele utilizar para invitar a los usuarios anonimos, a que se registren.

Alguien sabria decirme que codigo es para que la imagen quede ahi abajo?

He estado buscando pero no he encontrado nada...

[uokesita]

Hola espero q te sirva

primero creamos el estilo css

Código:

.imgesquina  {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: tu_valor;
width: tu_valor;
background: url(tu_imagen) bottom right no-repeat;
}

y luego donde la quieras colocar

Código:

<div class="imgesquina"></div>

[Vendetta]

Gracias por responder, ya creia que nadie haria caso a este tema :P

Con ese codigo CSS ya apareceria la imagen en la esquina inferior derecha? Creia que seria mas dificil :P

El ultimo codigo ( <div class="imgesquina"></div> ) deberia ponerlo en index.tpl imagino, probare igual :P

Gracias de nuevo ^^

[uokesita]

el primer codigo va en el header de la pagina es decir si trabajas con html

Código:

<header>
 <style>
 .imgesquina  {
...
}
 </style>
</header>

el segundo lo colocas a partir de donde quieres que aparezca la imagen, es decir q si lo vas a colcoar en tu pag principal pues lo colocas en tu archivo index

[Vendetta]

Bueno, ya esta hecho pero hay un problema...

Añado esto:

<div class="imgesquina"></div>

En la primera linea del index_body, que trabaja con html. Eso deberia mostrar la imagen que he puesto en el css pero en vez de mostrar la imagen, enseña el codigo:

.imgesquina { position: fixed; right: 0; bottom: 0; display: block; height: 120; width: 400; background: url() bottom right no-repeat; }

He hecho algo mal? ._.

Codigo css en el header y el div en la primera linea del index

[Mikmoro]

Pues sí, te has dejado algo sin cerrar. Pon la cabecera como la tienes hasta el div.

[uokesita]

te falta un ";" luego de la ruta de la imagen

"background: url(http://i154.photobucket.com/albums/s...a_maverick.png) " alli luego del parentesis coloca ";"

[Mikmoro]

No, no, no es eso. Eso está bien cerrado:

background: url(http://i154.photobucket.com/albums/s...a_maverick.png) bottom right no-repeat;