Snapy Posted May 12, 2013 Share Posted May 12, 2013 (edited) Hola a tod@s, Necesitaría hacer un efecto visual en el footer de la tienda que estoy montando ( acompaño imagen) , que es una pequeña imagen que se repite por todo el footer, (la cual está ubicada en la misma carpeta del servidor) He puesto la siguiente instrucción en el primer div: de global.css: #footer { background: url(diag.png) repeat-x scroll left top transparent;} pero no va. un saludo y gracias. Edited May 13, 2013 by Snapy (see edit history) Link to comment Share on other sites More sharing options...
OlivierJM Posted May 12, 2013 Share Posted May 12, 2013 Hola a tod@s, Necesitaría hacer un efecto visual en el footer de la tienda que estoy montando ( acompaño imagen) , que es una pequeña imagen que se repite por todo el footer, (la cual está ubicada en la misma carpeta del servidor) He puesto la siguiente instrucción en el primer div: de global.css: #footer { background: url(diag.png) repeat-x scroll left top transparent;} pero no va. un saludo y gracias. Te recomiendo que antes de abrir un tema para cada una de tus dudas busques a traves del foro. Tambien tienes a tu disposición la guia del diseñador: http://doc.prestashop.com/pages/viewpage.action?pageId=3506387 Guia del desarrollador: http://doc.prestashop.com/display/PS15/Developer+Guide Un saludo Link to comment Share on other sites More sharing options...
nadie Posted May 13, 2013 Share Posted May 13, 2013 Hola a tod@s, Necesitaría hacer un efecto visual en el footer de la tienda que estoy montando ( acompaño imagen) , que es una pequeña imagen que se repite por todo el footer, (la cual está ubicada en la misma carpeta del servidor) He puesto la siguiente instrucción en el primer div: de global.css: #footer { background: url(diag.png) repeat-x scroll left top transparent;} pero no va. un saludo y gracias. Lo primero de todo fijate que la imagen, la tengas subida en la ruta, si tu colocas un fondo asi: background:url('../img/nadie.png'); La imagen nadie.png, la tienes que tener metida dentro del directorio: /themes/tu-plantilla/img/ 1 Link to comment Share on other sites More sharing options...
Snapy Posted May 13, 2013 Author Share Posted May 13, 2013 Hola Nadie, gracias por la ayuda, he hecho lo que me has dicho: he puesto la imagen en el directorio que me has dicho, y en el global.css he puesto la línea de código: #footer { background: url(/img/diag.png) repeat-x scroll left top transparent;} en la línea 86, pero no pasa nada de nada. venga , un saludo y gracias de nuevo. Link to comment Share on other sites More sharing options...
nadie Posted May 13, 2013 Share Posted May 13, 2013 Hola Nadie, gracias por la ayuda, he hecho lo que me has dicho: he puesto la imagen en el directorio que me has dicho, y en el global.css he puesto la línea de código: #footer { background: url(/img/diag.png) repeat-x scroll left top transparent;} en la línea 86, pero no pasa nada de nada. venga , un saludo y gracias de nuevo. Te faltan "dos puntos". url(../img/diag.png) Pasame la imagen de fondo que quieres subir y la url de tu tienda. Link to comment Share on other sites More sharing options...
Snapy Posted May 13, 2013 Author Share Posted May 13, 2013 (edited) gracias nadie, sigue sin hacerlo, la dirección: http://espiacenter.com/prestashop/es/ te envio la imagen adjuntada Edited May 13, 2013 by Snapy (see edit history) 1 Link to comment Share on other sites More sharing options...
nadie Posted May 13, 2013 Share Posted May 13, 2013 gracias nadie, sigue sin hacerlo, la dirección: http://espiacenter.com/prestashop/es/ En tu fichero: http://espiacenter.com/prestashop/themes/default/css/global.css Esto: #footer { background:#333; color:#fff; border-radius: 0 0 10px 10px; } Por esto: #footer { background: url(../img/diag.png) ; color: #fff; } Link to comment Share on other sites More sharing options...
nadie Posted May 13, 2013 Share Posted May 13, 2013 Una vez realizado el cambio que te he comentado, no se te olvide limpiar la cache de tu navegador. Link to comment Share on other sites More sharing options...
nadie Posted May 13, 2013 Share Posted May 13, 2013 Estimado Snapy, Estoy muy preocupado por usted. ¿Sigue usted ahí? Link to comment Share on other sites More sharing options...
Snapy Posted May 13, 2013 Author Share Posted May 13, 2013 (edited) ya está ya funciona muchas gracias tio. ahora tengo el problemilla de que se han ido los rádio s que tenía en las esquinas la verdad es que la idea es que la tienda quede separada unos 20 px de la parte inferior y superior, pero no me sale, por eso abajo hay una barra blanca . Edited May 13, 2013 by Snapy (see edit history) Link to comment Share on other sites More sharing options...
nadie Posted May 13, 2013 Share Posted May 13, 2013 ya está ya funciona muchas gracias tio. Un placer ayudarte y servirte! Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro. Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso. Link to comment Share on other sites More sharing options...
nadie Posted May 13, 2013 Share Posted May 13, 2013 ahora tengo el problemilla de que se han ido los rádio s que tenía en las esquinas la verdad es que la idea es que la tienda quede separada unos 20 px de la parte inferior y superior, pero no me sale, por eso abajo hay una barra blanca . No se te han ido, los he quitado yo. (Mira arriba: http://www.prestashop.com/forums/index.php?/topic/246624-solucionado-imagen-de-fondo-en-footer/page__view__findpost__p__1223757) Link to comment Share on other sites More sharing options...
Snapy Posted May 13, 2013 Author Share Posted May 13, 2013 ya lo sé, es una forma de hablar. ¿como lo hago ahora para redondear las esquinas del footer y dar una separación de 20 px en header y footer respecto al total de la pantalla? Un saludo y gracias de nuevo. eres un santo tio. Link to comment Share on other sites More sharing options...
Snapy Posted May 13, 2013 Author Share Posted May 13, 2013 Por cierto, tienes skype? Link to comment Share on other sites More sharing options...
nadie Posted May 13, 2013 Share Posted May 13, 2013 ya lo sé, es una forma de hablar. ¿como lo hago ahora para redondear las esquinas del footer? Supongo, que dejandolo asi: #footer { background: url(../img/diag.png); color: #fff; -webkit-border-radius: 20px; border-radius: 20px; } ¿no? 1 Link to comment Share on other sites More sharing options...
nadie Posted May 13, 2013 Share Posted May 13, 2013 ya lo sé, es una forma de hablar. ¿como lo hago ahora para dar una separación de 20 px en header y footer respecto al total de la pantalla? Un saludo y gracias de nuevo. eres un santo tio. Respecto a esto, supongo que si vas al fichero: http://espiacenter.com/prestashop/themes/default/css/global.css Buscas esto: body { font: normal 11px/14px Arial, Verdana, sans-serif; color: #222; background: #fff url(../css/fonsOSCa.jpg) no-repeat fixed; y lo dejas asi: body { font: normal 11px/14px Arial, Verdana, sans-serif; color: #222; background: #fff url(../css/fonsOSCa.jpg) no-repeat fixed; padding-top: 20px; padding-bottom: 20px; } Dejara una separacion tanto por la parte de arriba, como por la parte de abajo. ¿no? 1 Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts