asideim Posted February 21, 2013 Share Posted February 21, 2013 Hola amigos. Me gustaria cambiar los colores de fondo tanto de la página central como de las barras laterales para darle a la tienda otro aspecto. Claro que según los colores de fondo debería tambien poder cambiar y poner el color de texto apropiado al nuevo fondo. A ver que se os ocurre. Gracias por vuestra ayuda. Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted February 21, 2013 Share Posted February 21, 2013 ¿Url chienda web? Mirate este videotutorial: http://www.prestashop.com/forums/topic/209203-uso-basico-de-firebug/ Link to comment Share on other sites More sharing options...
asideim Posted February 21, 2013 Author Share Posted February 21, 2013 Excelente vídeo. Lo veré más detenidamente y seguro que me sirve para lo que quiero hacer. Gracias Rubalcaba Link to comment Share on other sites More sharing options...
asideim Posted February 22, 2013 Author Share Posted February 22, 2013 No tengo el firefox mozilla ni estoy acostumbrado a manejarlo. Hay algún problema de compativilidad con google crhome? Es el navegador que uso habitualmente. ¿Y no se puede acceder a los códigos de la página en el sitio remoto abiendo los archivos con dreamwaver? Es que es el que conozco un poco mejor. Gracias Link to comment Share on other sites More sharing options...
nadie Posted February 22, 2013 Share Posted February 22, 2013 No tengo el firefox mozilla ni estoy acostumbrado a manejarlo. Hay algún problema de compativilidad con google crhome? Es el navegador que uso habitualmente. . Gracias Con chrome pulsa el boton derecho del raton y pulsa en "Inspeccionar elemento". Link to comment Share on other sites More sharing options...
asideim Posted February 22, 2013 Author Share Posted February 22, 2013 No sabía la utilidad de esa herramienta. Gracias. He probado con ella y he cambiado de color unos textos y en cuanto se actualiza la página vuelve el color anterior. ¿Como hay que hacer para que se quedan permanentes los cambios realizados? Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted February 22, 2013 Share Posted February 22, 2013 No sabía la utilidad de esa herramienta. Gracias. He probado con ella y he cambiado de color unos textos y en cuanto se actualiza la página vuelve el color anterior. ¿Como hay que hacer para que se quedan permanentes los cambios realizados? Lol, en la herramientas para desarrolladores (lo que te ha indicado "Nadie") es para hacer la simulación, pero luego tienes que editar el css correspondiente (bajartelo por ejemplo desde el FTP) y editar los cambios que has realizado en la simulación. Link to comment Share on other sites More sharing options...
jmmayoral Posted February 22, 2013 Share Posted February 22, 2013 El color de fondo y el de loslaterales lo cambias en el fichero global.css de la carpeta /css de tu tema. El del fondo (centro de la página) lo tienes en el apartado "Struture" más o menos en la línea 42 de ese fichero. e ejemplo para poner el fondo blanco con somberado alrededor: page {background:#fff; -moz-box-shadow: 0px 0px 19px 3px #000000; -webkit-box-shadow: 0px 0px 19px 3px #000000; box-shadow: 0px 0px 19px 3px #000000; } Los laterales y el texto lo cambias justo en la sección de debajo "Generic Style" (más o menos la línea 54 del fichero): busca estas líneas y juega con ellas. body{ font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:#fff } Link to comment Share on other sites More sharing options...
jaloise Posted February 22, 2013 Share Posted February 22, 2013 El color de fondo y el de loslaterales lo cambias en el fichero global.css de la carpeta /css de tu tema. El del fondo (centro de la página) lo tienes en el apartado "Struture" más o menos en la línea 42 de ese fichero. e ejemplo para poner el fondo blanco con somberado alrededor: page {background:#fff; -moz-box-shadow: 0px 0px 19px 3px #000000; -webkit-box-shadow: 0px 0px 19px 3px #000000; box-shadow: 0px 0px 19px 3px #000000; } Los laterales y el texto lo cambias justo en la sección de debajo "Generic Style" (más o menos la línea 54 del fichero): busca estas líneas y juega con ellas. body{ font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:#fff } asi es... Link to comment Share on other sites More sharing options...
asideim Posted February 23, 2013 Author Share Posted February 23, 2013 Tomo nota. Gracias a ambos por vuestra amabilidad. Hoy no puedo por temas familiares pero en cuanto tenga un hueco me pongo a probar vuestros amables consejos. Buen fin de semana. Link to comment Share on other sites More sharing options...
jmmayoral Posted February 23, 2013 Share Posted February 23, 2013 (edited) Por cierto. si te vas a poner a tocar colores y tienes google Chrome, te recomiendo que te instales una extensión que se llama color Picker. Te permite coger un color de cualquier parte de la pantalla y te da el código. Muy útil cuando te gusta algún color de otra web que quieres imitar y no sabes cuál es. Edited February 23, 2013 by jmmayoral (see edit history) Link to comment Share on other sites More sharing options...
asideim Posted February 25, 2013 Author Share Posted February 25, 2013 Buenas tardes y gracias por este último consejo. Lo apunto en mi agenda de notas y en cuanto pueda me pongo a probarlo. Es gratificante contar con la ayuda de expertos como vosotros que como bien dice Nadie nos sacáis de este mundo de tinieblas y oscuridad en el que nos estamos introduciendo. PD como veo que tambien eres de Madrid te he incluido como friend. Espero que no te importe Que pases buena tarde. Link to comment Share on other sites More sharing options...
jaloise Posted February 25, 2013 Share Posted February 25, 2013 Buenas tardes y gracias por este último consejo. Lo apunto en mi agenda de notas y en cuanto pueda me pongo a probarlo. Es gratificante contar con la ayuda de expertos como vosotros que como bien dice Nadie nos sacáis de este mundo de tinieblas y oscuridad en el que nos estamos introduciendo. PD como veo que tambien eres de Madrid te he incluido como friend. Espero que no te importe Que pases buena tarde. Genial , y aunque por lo menos yo no me considero experto, intento ayudar con mi conocimiento. Recuerda si das el tema como SOLUCIONADO de editar el titulo... Vas al primer post, con el cual abriste el tema, abajo a la derecha de este tenes un boton EDIT. Despues apretas en FULL EDIT y ahi pónes delante del titulo [sOLUCIONADO] Saludos. Link to comment Share on other sites More sharing options...
Recommended Posts