En la tienda que estoy diseñando: http://www.eluniversodelperro.com/tienda/ he insertado un codigo en el footer; cuando la pagina lee eso, antes se va a otro archivo footer.php para colocar los "Modulos" que hay en el footer; puesto que he quitado todos, no me coloca nada, y me cierra la imagen gris transpareten.
Por eso, al introducir despues el codigo html que realmente queria poner en el footer un codigo, y para lograr que me lo pusiera dentro de la imagen de la capa central, he tenigo que poner el margin-top:-360
y claro, eso repercute en algunas paginas que no te permite hacer click si estoy muy cerca del footer.
Este es el codigo de mi footer.tpl
Una vez conseguida la solucion (que todavia no tengo) necesito que me ayudeis un poquito a dar forma y vida al footer; para ello, he visto un footer en una tienda que me ha gustado y os querria pedir ayudar para lograr que el mio fuera similar y sobre todo visualmente tan atractivo.
La tienda es http://shop.ddlx.org/
Muchas gracias por todo y un saludo
Por eso, al introducir despues el codigo html que realmente queria poner en el footer un codigo, y para lograr que me lo pusiera dentro de la imagen de la capa central, he tenigo que poner el margin-top:-360
y claro, eso repercute en algunas paginas que no te permite hacer click si estoy muy cerca del footer.
Este es el codigo de mi footer.tpl
</div>
<div id="right_column" class="column">
{$HOOK_RIGHT_COLUMN}
</div>
<div id="footer">{$HOOK_FOOTER}</div>
<div class="myfooter" style="position:absolute;margin-top:-360px;">
<div style="width:305px;text-align:left;float:left; height:80px; margin-top:90px; margin-left:37px;">
<u>[b]Newsletter ElUniversodelperro[/b]</u>
<div align="left" style="color:#11afe2; font-size:10pt; font-family:Arial, Helvetica, sans-serif; line-height:14pt;"> Con la subscripcion al newsletter de ElUniversodelperro recibiras ofertas y promociones de nuestra tienda, ademas de conocer noticias importantes y curiosas sobre el mundo de los animales
</div>
<div class="block_content">
<form action="/tienda/" method="post">
<input style="width:160px; float:left; margin-left:0px;" type="text" name="email" size="18" value="su email" onfocus="javascript:if(this.value=='su email')this.value='';" onblur="javascript:if(this.value=='')this.value='Email';" />
<select name="action" style="width:100px; float:left;">
<option value="0" selected="selected">Suscribirse</option>
<option value="1">Borrarse</option>
</select>
<input type="submit" value="ok" class="button_mini" name="submitNewsletter" />
</form>
</div>
</div>
<div style="width:140px; float:left; height:80px; margin-top:90px; margin-left:30px;">
<u>[b]Informacion[b]</u>
<div align="left" style="color:#11afe2; font-size:10pt; font-family:Arial, Helvetica, sans-serif; line-height:14pt;">
[url="http://www.eluniversodelperro.com/tienda/cms.php?id_cms=6"]Quienes Somos[/url]
[url="http://www.eluniversodelperro.com/tienda/cms.php?id_cms=7"]Como comprar[/url]
[url="http://www.eluniversodelperro.com/tienda/cms.php?id_cms=14"]Formas de Pago[/url]
[url="http://www.eluniversodelperro.com/tienda/cms.php?id_cms=8"]Transportes[/url]
[url="http://www.eluniversodelperro.com/tienda/cms.php?id_cms=9"]Devoluciones[/url]
[url="http://www.eluniversodelperro.com/tienda/modules/faq/faqs.php"]Preguntas Frecuentes[/url]
</div>
</div>
<div style="width:140px; float:left; height:80px; margin-top:90px; margin-left:25px;">
<u>[b]Seguridad[/b]</u>
<div align="left" style="color:#11afe2; font-size:10pt; font-family:Arial, Helvetica, sans-serif; line-height:14pt;">
[url="http://www.eluniversodelperro.com/tienda/cms.php?id_cms=10"]Aviso legal[/url]
[url="http://www.eluniversodelperro.com/tienda/cms.php?id_cms=11"]Protección de datos[/url]
[url="http://www.eluniversodelperro.com/tienda/cms.php?id_cms=12"]Condiciones de uso[/url]
[url="http://www.eluniversodelperro.com/tienda/cms.php?id_cms=5"]Pago seguro[/url]
[url="http://www.eluniversodelperro.com/tienda/contact-form.php"]Contacto[/url]
</div>
</div>
<div style="width:180px; float:left; height:90px; margin-top:90px; margin-left:15px;">
[b]<u>Siguenos en...[/b]</u>
<div align="left" style="color:#11afe2; font-size:10pt; font-family:Arial, Helvetica, sans-serif; line-height:14pt;">
AQUI CODIGO
</div>
</div>
</div>
</div>
</div>
</body>
</html>Una vez conseguida la solucion (que todavia no tengo) necesito que me ayudeis un poquito a dar forma y vida al footer; para ello, he visto un footer en una tienda que me ha gustado y os querria pedir ayudar para lograr que el mio fuera similar y sobre todo visualmente tan atractivo.
La tienda es http://shop.ddlx.org/
Muchas gracias por todo y un saludo