Community Forums

by **cavva** » Tue Apr 17, 2012 5:34 pm

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. :joker:

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>

by **dbassa** » Thu Apr 19, 2012 9:01 pm

Gracias por el aporte!

by **michael0510** » Thu Apr 19, 2012 11:36 pm

Me ubieras preguntado yo soy el administrador de esa pagina.

by **DcdacD** » Sun Jul 08, 2012 6:15 pm

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 ?

by **zuhenry** » Mon Jul 09, 2012 5:06 am

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

by **DcdacD** » Thu Jul 26, 2012 4:25 pm

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">