xavivila Posted September 28, 2012 Share Posted September 28, 2012 (edited) Hola a todos, Tengo un tema el cual no logro resolver y necesitaría que alguien me ayude. En el Footer tengo 5 apartados (Categorías, Información, contacto, redes sociales y mi cuenta) las cuales me gustaría dejarlas en la parte inferior igual pero que se viesen en posición horizontal y no vertical como ahora. Gracias por vuestra ayuda de antemano Saludos Edited September 28, 2012 by xavivila (see edit history) Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Alguien me puede ayudar? Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Hola a todos, Tengo un tema el cual no logro resolver y necesitaría que alguien me ayude. En el Footer tengo 5 apartados (Categorías, Información, contacto, redes sociales y mi cuenta) las cuales me gustaría dejarlas en la parte inferior igual pero que se viesen en posición horizontal y no vertical como ahora. Gracias por vuestra ayuda de antemano Saludos ¿Tu web era esta: http://love-sensations.com/prestashop/ ? ¿no? El pie de pagina, como lo quieres dejar exactamente, dibujamelo para poder ayudarte de la mejor manera. Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Voy... Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Este es el enlace: http://imageshack.us/a/img842/1430/ejemplofooter.png Supongo que lo veras bien y espero que lo entiendas... Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Si, es esta página que indicas... Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 1º Paso eliminar las categorías del pie de pagina. Pestaña Modulos -> Posiciones Busca el hook del footer y cargete el Bloque de categorías de hay. Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Ok, hecho.. Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Ok, hecho.. Ahora, no entiendo que quieres hacer exactamente con el Bloque Información.. ¿Me podrías dar mas detalles? Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Los cuatro bloques ordenados así: Información, Mi cuenta, redes sociales y contacto. Los cuatro ponerlos a la izquierda del todo pero en vez de que se vean en posición vertical INFORMACIÓN Entrega Como comprar Aviso legal ..... Que salgan que se vean en posición horizontal: INFORMACIÓN Entrega Como comprar Aviso legal ...... ....... ........ MI CUENTA Pedidos Devoluciones Mis hojas de crédito ....... ........ ....... REDES SOCIALES Facebook Twitter CONTACTO LOVE SENSATIONS ................... Entiendes más o menos la idea? Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Y la idea sería ponerlo en un recuadro parecido al que hay en esta página: http://www.sexshopping.es/ en la parte de arriba al lado de la foto donde pone "Happy Sex Shopping !!" Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Los cuatro bloques ordenados así: Información, Mi cuenta, redes sociales y contacto. Los cuatro ponerlos a la izquierda del todo pero en vez de que se vean en posición vertical INFORMACIÓN Entrega Como comprar Aviso legal ..... Que salgan que se vean en posición horizontal: INFORMACIÓN Entrega Como comprar Aviso legal ...... ....... ........ MI CUENTA Pedidos Devoluciones Mis hojas de crédito ....... ........ ....... REDES SOCIALES Facebook Twitter CONTACTO LOVE SENSATIONS ................... Entiendes más o menos la idea? Bueno a ver.. Fichero: /themes/prestashop_new/css/global.css .blockcategories_footer, #footer .myaccount, #block_various_links_footer, #social_block, #block_contact_infos { float: left; width: 175px; } Dejar asi: .blockcategories_footer, #footer .myaccount, #block_various_links_footer, #social_block, #block_contact_infos { width: 175px; } Hay quedara uno debajo de otro.. Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Una vez has echo lo que te he comentado... Luego en el global.css Añade esto: #block_various_links_footer ul li { float: left; margin-left: 9px; } #block_various_links_footer ul { width: 980px; } Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Hecho, queda como dices pero (no se si es asi) el bloque categoría queda en segundo lugar pero en la lista css si que lo veo el último... Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Hecho, queda como dices pero (no se si es asi) el bloque categoría queda en segundo lugar pero en la lista css si que lo veo el último... Las posiciones de los modulos, las puedes cambiar en la pestaña Modulos -> Posiciones en este caso buscando el footer. Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Ok...hecho lo segundo. Se ve como yo quiero pero solo el de Información los otros aún no... Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Ok...hecho lo segundo. Se ve como yo quiero pero solo el de Información los otros aún no... Ya hombre ) Era una prueba... Ahora ve al fichero: /themes/prestashop_new/css/global.css Y esto: (que has dejado antes asi) .blockcategories_footer, #footer .myaccount, #block_various_links_footer, #social_block, #block_contact_infos { width: 175px; } Dejalo asi: .blockcategories_footer, #footer .myaccount, #block_various_links_footer, #social_block, #block_contact_infos { width: 980px; } Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Posiciones cambiadas... jejjeje vale.. Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Y deja originalmente lo que habias echo aquí: http://www.prestashop.com/forums/index.php?/topic/191063-bloques-footer-en-posicion-horizontal/page__view__findpost__p__945520 Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Ahora ve al fichero: /themes/prestashop_new/css/global.css Busca esto: #footer li { padding: 7px 0; } Y dejalo asi: #footer li { padding: 7px 0; margin-left: 6px; float: left; } Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Hecho...muy bien.. Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Hecho...muy bien.. ¿Y ahora la pregunta mas importante, esto que hemos echo es lo que querías? Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Pregunto...puede ir todo seguido? ej. INFORMACION entrega como comprar .... Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Fichero: /themes/prestashop_new/css/global.css Busca esto: .blockcategories_footer, #footer .myaccount, #block_various_links_footer, #social_block, #block_contact_infos { width: 980px; } Y lo dejas asi: .blockcategories_footer, #footer .myaccount, #block_various_links_footer, #social_block, #block_contact_infos { width: 980px; float:left; padding:0px !important; } Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Fichero: /themes/prestashop_new/css/global.css Busca esto: #footer h4 { padding-bottom: 10px; text-transform: uppercase; } Y dejalo asi: #footer h4 { text-transform: uppercase; } En el mismo fichero, busca esto: #footer h4, #footer h4 a { font-weight:normal; font-size:12px; color:#8B0000 } Y dejalo asi: #footer h4, #footer h4 a { font-weight: normal; font-size: 12px; color: #8B0000; float: left; padding-top: 7px; } Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Faltan mas cosas creo *, pero tengo que cenar ) Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Ok...mejor..se pueden juntar mas entre si? que haya menos espacio entre ellas Ok..ves a cenar..continuamos luego? Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Ok...mejor..se pueden juntar mas entre si? que haya menos espacio entre ellas Ok..ves a cenar..continuamos luego? Revisa aquí: http://www.prestashop.com/forums/index.php?/topic/191063-bloques-footer-en-posicion-horizontal/page__view__findpost__p__945544 te falta el: !important Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Hecho se me habia pasado...jejeje Venga ves a cenar y ya continuaremos luego si te va bien... Link to comment Share on other sites More sharing options...
xavivila Posted September 28, 2012 Author Share Posted September 28, 2012 Bueno, me voy a dormir ya...ya continuamos en otro momento que te vaya bien.. Link to comment Share on other sites More sharing options...
nadie Posted September 28, 2012 Share Posted September 28, 2012 Bueno, me voy a dormir ya...ya continuamos en otro momento que te vaya bien.. Bueno, ya he vuelto. ¿Que queda por hacer en el pie? (Creo que esta ya listo ¿no?) (Vamos se ha dejando en lineas, como querías) Link to comment Share on other sites More sharing options...
xavivila Posted October 1, 2012 Author Share Posted October 1, 2012 Hola Nadie, Me gustaría poder acabar este post si fuera posible...lo habíamos dejado que estaban en posición horizontal...perfecto.. Por lo que veo hay líneas (por ejemplo contactos) que salen descuadradas... Me gustaría que todo ello fuera de un tamaño bastante más reducido y que estubieran lo mas juntas posible entre ellas.. Y lo que ya cometamos...puede ser que todo ello vaya encuadrado con un borde un poco chulo parecido al de esta página donde pone "Happy Sexshopping" pero en horizontal...no se si hay algún tipo de plantillas de fondos de este tipo o demas que se puedan aplicar a prestashop... Saludos Link to comment Share on other sites More sharing options...
xavivila Posted October 2, 2012 Author Share Posted October 2, 2012 Alguien me puede ayudar para ya dar como solucionado el post? Link to comment Share on other sites More sharing options...
nadie Posted October 2, 2012 Share Posted October 2, 2012 Por lo que veo hay líneas (por ejemplo contactos) que salen descuadradas... Si dejas solo el teléfono, y metes el fax en la dirección en la configuración del modulo no te saltara de linea. Link to comment Share on other sites More sharing options...
xavivila Posted October 2, 2012 Author Share Posted October 2, 2012 Ok, hecho..como puedo hacerlo para juntarlos lo máximo posible entre ellos? La idea sería reducirlos de tamaño un poco, juntarlos entre si lo máximo posible y que estubieran encuadrados.. Link to comment Share on other sites More sharing options...
Recommended Posts