julianweb Posted October 16, 2013 Share Posted October 16, 2013 (edited) Buenas noches, estoy investigando un poco en el mundo de prestashop. Lo he instalado y bien. He ido a modificar el logo (a ponerlo mas grande y centrado), pero no hay manera. He modificado del header, pero no encuentro la forma. Si modifico el tamaño del logo... se queda por encima de la barra del menú, si modifico "sf-contener clearfix", se me deforma la barra y la lío parda... He estado leyendo, y buscando pero no he encontrado nada que me ayude a solucionarlo. A ver si me podéis echar una mano. La página es esta Edited October 17, 2013 by julianweb (see edit history) Link to comment Share on other sites More sharing options...
nadie Posted October 17, 2013 Share Posted October 17, 2013 Vamos a imaginar que estas usando la ultima versión de Prestashop a dia de hoy. Si tu subes el logo mas alto. ¿Que tienes que tener en cuenta? Lo primero es que en el fichero: /themes/default/css/global.css Tienes esto: #header_logo { position: absolute; left: 0; top: 30px; z-index: 1; } Es decir 30px de margen superior del logo, por lo tanto es mas o menos recomendable reducir ese top:30px; a un top:0px; o top:2px; etc..., dependiendo de la situación. (Por favor, no recomendable usar valores negativos) Vamos a imaginar que tocas ese top y dices: Oh señor mio me sigue tapando el menu ya que la altura es bastante grande. Pues ahora lo que hacemos es bajar el menu horizontal unos pixeles. ¿Como hacemos esto? Por ejemplo, nos podemos ir al fichero: modules/blocktopmenu/css/superfish-modified.css Y buscamos esto: .sf-menu { margin: 10px 0; padding: 0; width: 980px; background: #383838; } Y lo dejamos asi: .sf-menu { margin: 10px 0px 10px 0px; padding: 0; width: 980px; background: #383838; } y ahora esto: margin: 10px 0px 10px 0px; el primer "10px" (solo el primero) lo vamos aumentando para bajar el menu horizontal, hasta que vayas viendo cuando queda bien. Recuerdo que esto lo he probado con todo por defecto en la ultima de la 1.5 a dia de hoy 1 Link to comment Share on other sites More sharing options...
julianweb Posted October 17, 2013 Author Share Posted October 17, 2013 Muchísimas gracias!! Link to comment Share on other sites More sharing options...
nadie Posted October 17, 2013 Share Posted October 17, 2013 Muchísimas gracias!! 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. Si no encuentras como añadir la palabra "Solucionado" al título del tema, aquí tienes una guía: http://www.prestashop.com/forums/topic/269515-solucionado-%C2%BFcomo-poner-la-palabra-solucionado-en-el-titulo-del-tema/ Link to comment Share on other sites More sharing options...
julianweb Posted October 17, 2013 Author Share Posted October 17, 2013 Una cosa mas, que no he conseguido tampoco (lo siento por ser tan torpe) ¿como puedo centrar el logo? Link to comment Share on other sites More sharing options...
cascasram Posted October 17, 2013 Share Posted October 17, 2013 Hola, Instale prestashop (la ultima version) hace como una semana, la verdad me va de maravilla hasta hice algo mal y se me descuadro la cabecera, sinceramente no se que hacer, les agradecere puedan ayudarme, mi sitio es: www.mipcperu.com Saludos Ramon Link to comment Share on other sites More sharing options...
julianweb Posted October 17, 2013 Author Share Posted October 17, 2013 Al final lo he conseguido!!! He modificado esto: #header_logo { position: absolute; left:40%; top: 50%; ; margin-top: -135px; } Link to comment Share on other sites More sharing options...
nadie Posted October 17, 2013 Share Posted October 17, 2013 Al final lo he conseguido!!! He modificado esto: #header_logo { position: absolute; left:40%; top: 50%; ; margin-top: -135px; } Te dije arriba no se te ocurra nunca poner un valor negativo, haz las cosas como te dije y se te quedara bien el logo situado sin necesidad de colocar un valor negativo. (Luego lo del left efectivamente es para moverlo hacia el otro lado, pero lo otro hazlo como te dije) Los valores negativos son "malos" y no "recomendados". Saludos, Link to comment Share on other sites More sharing options...
julianweb Posted October 17, 2013 Author Share Posted October 17, 2013 Oooookkk!! Quedaría algo así #header_logo { position: absolute; left:25%; (sólo el 25% por lo que mide la imagen) } Link to comment Share on other sites More sharing options...
nadie Posted October 17, 2013 Share Posted October 17, 2013 Oooookkk!! Quedaría algo así #header_logo { position: absolute; left:25%; (sólo el 25% por lo que mide la imagen) } Deja tambien el top, aunque sea top:0px o top:1px, pero no pongas valores negativos. (No estoy loco XDDDDDD) Por cierto, que te ha pasado con la tienda: http://mipcperu.com/ xDDDDDDDDDD Sube el bloque de informacion personal encima del menu horizontal superior desde la pestaña modulos -> posiciones -> bloque Top of pages con las flechas, que parece que lo has bajado y se te ha descuadrado todo. Link to comment Share on other sites More sharing options...
julianweb Posted October 17, 2013 Author Share Posted October 17, 2013 ok!!! Listo!! lo de la página mipcperu.com es de Ramón que ha escrito en este hilo... Link to comment Share on other sites More sharing options...
nadie Posted October 17, 2013 Share Posted October 17, 2013 ok!!! Listo!! lo de la página mipcperu.com es de Ramón que ha escrito en este hilo... ah jajajaja Vaya, por eso digo siempre de que cada usuario tiene que abrir un tema nuevo para su duda (jajaja) luego pasa que me lio respondiendo jajajaj Por cierto, cual es tu web ¿? Link to comment Share on other sites More sharing options...
julianweb Posted October 17, 2013 Author Share Posted October 17, 2013 Estoy trasteando aquí Pero nada serio por el momento. Link to comment Share on other sites More sharing options...
nadie Posted October 17, 2013 Share Posted October 17, 2013 Estoy trasteando aquí Pero nada serio por el momento. No queda mal, veo que has dejado en el global.css esto: #header_logo { position: absolute; left: 25%; top: 0px; } (Realmente también lo podías a ver movido con pixeles tipo: left: 240px; ya que tu plantilla no es responsible y realmente casi que es lo mismo, pero bueno se ve bien la web) Y veo que en el fichero: superfish-modified.css has puesto esto: .sf-menu { margin: 120px 0px 10px 0px; padding: 0; width: 980px; background: #a24999; } Esta bien. Link to comment Share on other sites More sharing options...
julianweb Posted October 17, 2013 Author Share Posted October 17, 2013 Cojo tus consejos. Sí, ahora voy a ver si trasteo con el color de la barra de menú, en hacer un degradado o algo. Link to comment Share on other sites More sharing options...
nadie Posted October 17, 2013 Share Posted October 17, 2013 Bueno, entonces la duda inicial resuelta ¿no? Si es asi, añade la palabra solucionado al titulo como comento aquí: http://www.prestashop.com/forums/topic/269515-solucionado-%C2%BFcomo-poner-la-palabra-solucionado-en-el-titulo-del-tema/ Para otras dudas, tienes que crea un tema nuevo, (1 duda por tema) Saludos, Link to comment Share on other sites More sharing options...
julianweb Posted October 17, 2013 Author Share Posted October 17, 2013 ok, así lo haré. Link to comment Share on other sites More sharing options...
nadie Posted October 17, 2013 Share Posted October 17, 2013 ok, así lo haré. Perfecto ! Gracias por confiar en la Comunidad de Prestashop. Link to comment Share on other sites More sharing options...
Recommended Posts