Poner Imagen Flotante

[cavva]

Hola, bueno lo que necesito es poner una imagen flotante con un link que lleve a otra pagina....


algo como lo que tiene esta web

http://trucos-web.over-blog.com/article ... 66504.html





podrian darme el codigo y decirme en que archivo y lugar ponerlo ?

Muchas Gracias.





EDIT: YA LOGRE SACAR EL CODIGO..

Code: Select all

<a href="LINK DE REFERENCIA"><img style="position: fixed; bottom: 0; left: 0;" src="IMAGEN" border="0"></a>

[dbassa]

Gracias por el aporte!

[michael0510]

Me ubieras preguntado yo soy el administrador de esa pagina.

[DcdacD]

Para un novato como yo, cual es la ubicación del archivo a modificar Entiendo que la imagen va en el mismo dir que el archivo modificado, no ?

[zuhenry]

Hola a todos,

Dependiendo de donde quieren tener esa imagen estática, deberan de poner el código.
Si lo quieren en todas las páginas, depronto el mejor lugar para ponerlo es en "footer.tpl"

Si desean cambiar la posición de la imagen simplemente juegen con los parámetros del CSS del elemento IMG. Osea:
<img style="position: fixed; bottom: 0; left: 0;" src="IMAGEN" border="0">
Va a posicionar esa imagen en la esquina inferior izquierda. Pueden modificar (bottom: 20px;) por ejemplo, para ver como varia la posición de la imagen en la pantalla.
La imagen puede ir en cualquier carpeta, simplemente pon la dirección correcta en: (src="http://www.tutiendaOC.com/images/") por ejemplo.

Gracias

HF

[DcdacD]

Ok, perfecto. Ahora se me plantea un pequeño problema y es que al probar en diferentes navegadores, la imagen varía su posición.
Como podría aumentar la linea del html para que siempre ocupase la misma posición ?

Y una vez conseguido, como puedo indicarle que se posicione en la esquina inferior derecha ?

<img style="position: fixed; bottom: 0; left: ¿?;" src="IMAGEN" border="0">

[zuhenry]

Ok, has intentado usar: "position:relative; " ?

zh