Poner una imagen siempre visible!!??

aorkis · 14 Nov 2007, 15:00 · Solicitar retirada

Hola a todos!

Mi club ha premiado mi web por la labor que hace y por esto me gustaria poner un pequeño icono en ella. Algo así como en www.diariodeundemente.es

He intentado averiguar como lo han hecho, pero no me salgo con ello...
Por ahora he descubierto que este efecto conseguido lo ha llamado "truco" en la hoja de estilos (por si os sirve de algo).
La url de la imagen es "/imagenes/chapa.gif".

El caso es que me gusta el modo en que se mantiene en pantalla...

Si alguien puede ayudarme se lo agradeceria...

Un beso a todos! :wink:

Salmarina · 14 Nov 2007, 15:43 · Solicitar retirada

que extraño, yo consigo que se vea la imagen en el dreamweaver, pero al previsualizar o al abrirlo con firefox/explorer nada...

de todas formas, probe lo unico que se me ocurrio:
en el body de la pagina, añadi class="truco" tal y como esta en la pagina que mencionas.
y en la de estilos pues lo mismo, pones .truco cambiando la imagen claro por la que tu quieras.

asi he probado, y en el dreamweaver se ve la imagen, pero al previsualizar no... he probado con png, con gif, y con jpg. todas igual.

aorkis · 14 Nov 2007, 16:18 · Solicitar retirada

Gracias, hice lo que me has comentado y lo logre... :wink:

Aunque l resultado no me gusta... al poner este efecto se me quita la imagen de fondo, ademas esta nueva imagen que aparece en el lateral se superpone con el contenido que ya tengo...

Mejor pondre el anuncio en otro sitio... :?

Muchas gracias de todos modos... sin ti aun estaria buscando la manera de ponerlo! :wink:

*Blaizer* · 14 Nov 2007, 17:12 · Solicitar retirada

al parecer no es una imagen superpuesta, solo es una imagen con la caracteristica que se mantiene en la parte inferior derecha, he visto algo parecido en otras webs, pero estas al mover la barra espaciadora daba la sensacion de que la imagen tambien se desplaza.

Para el que quiera tener una imagen como esa, pongo el codigo, ok :wink:

CSS:

.truco {

background-image: url(imagen/chapa.gif);

background-repeat: no-repeat;

background-attachment: fixed;

background-position: bottom right;

}

html

<body class="truco">

Saludos

aorkis · 14 Nov 2007, 20:37 · Solicitar retirada

Si, esto ya lo se! Era justo lo que buscaba!

Con lo de superpuesta me refiero a que si hay una tabla en el lugar donde deberia aparecer la imagen, esta se muestra por debajo de la tabla, es decir, que la tabla la tapa parcialmente.

Gracias y un saludo! :wink:

*Blaizer* · 14 Nov 2007, 22:18 · Solicitar retirada

jajaj :lol: , solo puse los códigos para la gente que quisiera tenerlo en su web.

saludos :wink: