Buenos días equipo, antes de nada presentarme pues este es mi primer post en el foro, me llamo Valeria y espero cumplir las normas del foro, tened paciencia con migo pues soy novata en esto, pido disculpas de antemano por los inconvenientes que pueda causar, también deciros que aunque soy novata, aprendo pronto, voy a lio!!
Ayer mismo instale una nueva tienda prestashop en mi hosting, Himalia es la plantilla, y me gustaría cambiarle el fondo por una imagen, he visto un video tutorial vuestro para hacerlo mediante un modulo llamado Background Switcher pero no me gusta mucho el resultado pues repite la imagen y lo que pretendo es que la imagen no se mueva para conseguir un efecto tipo Paralax. Después de ver los hilos ya abiertos sobre el particular… no me entero muy bien.
Mi pregunta es: ¿hay alguna otra forma de hacerlo sin modificar codigos? Y si no es así ¿me podríais decir o proporcionar algún link de cómo hacerlo? Por favor que sea fácil (lo mas posible) mis conocimientos sobre códigos son nulos, aunque aprendo rápido.
También pretendo cambiar la cabecera y pie de página.
Por cierto, he visto este video, ¿es correcto? porque a mi no me sale
https://www.youtube.com/watch?v=Ry3fO0AO2l4
Gracias anticipadas y eternamente agradecida por vuestra estupenda labor.
Atte. Valeria
URL del sitio: Contenido solo visible a usuarios registrados
Hola Valeria.
Puedes conseguirlo con algo de código de css.
.- Edita el archivo customuser.css que encontraras en la ruta themes/Himalia/css/customuser.css
Puedes acceder al archivo desde tu cuenta de cPanel -> Administrador de archivo
https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel-como-buscar-archivos.html
.- Añade lo siguiente a ese archivo:
.columns-container { background-image: url("http://urbanblacksheep.es/modules/homeslider/images/d59b63417825cd246e180c6ddb4678daafce07f0_galeria3.jpg" ) !important; background-attachment: fixed !important; }
Tienes que modificar la URl de background-image por la de la imagen que quieres mostrar.
Un Saludo
Hola Pepe, gracias. solo una cosa.
La imagen que quiero utilizar ¿debo incluirla antes en alguna carpeta?
Hola
Si, puedes colocarla en algúna carpeta bajo public_html , luego acceder directamente con tu dominio, por ejemplo si colocas la imagen en este ruta:
public_html/img/mi_imagen.jpg
Entonces será accesible con la url:
Contenido solo visible a usuarios registradoses el dominio principal de tu cuenta.
Saludos.
Gracias Jhon, voy a ello, os diré como va la cosa.
Atte Valeria
Hola Valeria.
Ok, dejamos el hilo en espera por si necesitas retomar la consulta que estamos tratando.
Un saludo
Hola, todo correcto, ya he puesto el fondo, al principio tenia alguna dificultad con el tamaño de la imagen y a pesar de que estaba estatica como yo queria, se repetia, pero ya está arreglado.
Ahora, si no es mucha molestia, me guataria cambiar el fondo del header y del footer, ¿se hace igual? supongo que con diferente codigo. ¿me podeis guiar?
Muchisimas gracias.
Atte. Valeria
Hola Valeria.
Genial !!! muy bien, me alegra que al final lo consiguieras 😉
Supongo que lo que quieres es modificar el color, en ese caso seria añadir lo siguiente al mismo archivo:
Para el footer:
.footer-container { background:#f9f9f9 none repeat scroll 0 0; }
Para el header:
#header { background:#fff; }
Tienes que modificar el coligo del color por el que quieras que se muestre, te dejo enlace a una tabla de colores -> http://htmlcolorcodes.com/es/tabla-de-colores/
Nota: en el código que añadiste antes te falto cerrarlo con un }, revisa y lo cierras antes de añadir los códigos que te pase ahora.
Un saludo
Hola
Si puedes hacerlo de manera similar, en este caso lo selectores serían:
#header{ background-image: url("" ); } .footer-container{ background-image: url("" ); }
Colocando la ruta de tu imagen en las comillas
Saludos.
Muchas gracias amigos, voy a ello, os contare como me ha salido.
Atte. Valeria
Hola Valeria.
Ok, dejamos el hilo en espera por si necesitas retomarlo.
Un saludo
Hola amigos, perdonad la tardanza en contestar, he estado liada y hasta hace un momento no he podido terminar.
Ya está! muchas gracias sois geniales, hasta he cambiado el color del theme con liveeditor, y ahora me encuentro que los textos no contrastan con los nuevos colores, ¿habria alguna manera facil de cambiarlos? o hay que recurrir a codigos.
Porfi, una ayudita más, ¿cómo lo hago...?
Gracias anticipadas.
Atte Valeria
Hola
De manera general tendrías que cambiar el color de texto a blanco para que contraste con el fondo
Prueba con el siguiente código CSS
body,a{ color:white; } .pb-center-column a, .footer-container a, .footer-container p{ color:white!important; }
Saludos.
Hola buenos días equipo.
El cambio de color del texto ha funcionado, aunque hay textos que se han quedado igual, me explico:
Los títulos de PRODUCTOS DESTACADOS Y ÚLTIMAS NOTICIAS tienen un fondo blanco ¿se pueden quitar, en el de ÚLTIMAS NOTICIAS si ha cambiado a blanco no así el de PRODUCTOS DESTACADOS, y los títulos de las noticias de la página de inicio se han quedado igual, también algunos títulos del Footer, y el muenu del header ¿he hecho algo mal? Espero haberme explicado bien.
Gracias anticipadas.
Atte. Valeria
Hola Valeria.
Los títulos de PRODUCTOS DESTACADOS Y ÚLTIMAS NOTICIAS
Añade lo siguiente:
h2.titulo_fondo span { background: transparent; color: #fefefe; font-weight: bold; }
los títulos de las noticias de la página de inicio
.block .title_block a, .block h4 a { color: #fff; font-weight: bold; }
también algunos títulos del Footer, y el muenu del header
#cmsinfo_block h3 { color: #fefefe; } .footer-container #footer h4 { color: #fefefe; } .sf-menu > li > a { color: #fefefe;; }
Un saludo, Amiga