Insertar imagen en footer

[davidsl88]

Hola

 

Estoy intentando cambiar el footer por defecto, y hasta hoy lo he hecho modificando el archivo footer.tpl e insertando código HTML a pelo, pero acabo de darme cuenta de que al inspeccionar el código de la web, aparece la ruta completa de la imagen que tengo insertada.

 

Queria hacer algo mas "profesional" por asi decirlo y menos chapuza, por lo que me gustaría insertar la imagen desde CSS tal y como esta hecho todo en prestashop. El problema es que no se donde debería insertar la imagen en el código CSS y como debería de insertarla.

 

He probado insertarla con background: url('./themes/plantilla/img/logo_footer.png') no-repeat; pero no consigo insertarla, no se si se debe a que no lo estoy insertando en el sitio correcto o no se inserta así.

 

Alguna sugerencia?

 

Gracias!

[jaloise]

Hola

 

Estoy intentando cambiar el footer por defecto, y hasta hoy lo he hecho modificando el archivo footer.tpl e insertando código HTML a pelo, pero acabo de darme cuenta de que al inspeccionar el código de la web, aparece la ruta completa de la imagen que tengo insertada.

 

Queria hacer algo mas "profesional" por asi decirlo y menos chapuza, por lo que me gustaría insertar la imagen desde CSS tal y como esta hecho todo en prestashop. El problema es que no se donde debería insertar la imagen en el código CSS y como debería de insertarla.

 

He probado insertarla con background: url('./themes/plantilla/img/logo_footer.png') no-repeat; pero no consigo insertarla, no se si se debe a que no lo estoy insertando en el sitio correcto o no se inserta así.

 

Alguna sugerencia?

 

Gracias!

 

Deberias leer documentacio nde como funciona css...

 

El codigo que pones vos background: url('./themes/plantilla/img/logo_footer.png') esta mal... en principio deberia tener dos puntos no uno slo

 

background: url('../themes/plantilla/img/logo_footer.png') > esto significa desde el ar chivo CSS sali una carpeta... entra a la carpeta themes despue a la carpeta plantilla despues a la carpeta img donde vas a encontar la foto l ogo_footer...

en caso de que tengas el css en la carpeta themes/tutema/css/mi.css en un principio deberia ser... background:url( '../img/mifoto.jpg');>Es to significa de la carpeta css donde esta mi.css sali un carpeta(al salir una carpeta me encuentro en la carpeta TUTEMA) cuando salgas una carpeta, entra a lacarpeta img (Estoy parado en themes/tutema/img) y en esta carpeta es mifoto.ccs

 

espero haber sido lo mas claro posible.

 

saludos

[davidsl88]

Ya he conseguido insertarla, pero ahora, en que parte del CSS deberia ponerla? estoy usando la clase clearBoth para los enlaces en el footer porque los quiero asi. Deberia crear una clase nueva? o puedo usar una ya existente?

 

Gracias!

[davidsl88]

Lo que quiero conseguir es que el footer quede asi con CSS:

 

http://img27.imageshack.us/img27/2999/footerbrg.png

 

Hasta ahora lo he conseguido con HTML asi:

 

   <p class="center clearBoth">
 <a href = "./index.php"><img src="./themes/ivera/img/logo_footer.png"/></a>
   </p>

   <p class="center clearBoth">
 <a href="{$link->getCMSLink(3)}">Términos y condiciones de uso | </a>
 <a href="{$link->getCMSLink(2)}">Aviso legal | </a>
 <a href="{$link->getPageLink('contact', true)}">Contacto | </a>
 <a href="{$link->getPageLink('sitemap')}">Mapa del sitio</a>
   </p>

 

pero creo que esto ultimo es un poco chapuza y quiero mejorarlo

[davidsl88]

Up!