{solucionado} centrar el jbx_menu

[jbquiros]

Hola a todos!

Soy novato en prestashop y en programación ni contarte.

Mi tienda es: http://www.juanbautistaquiros.com/SHOP

Estoy montandola con el tema Black and White

 

Gracias a este foro, he insertado un menú horizontal mediante el módulo JBX en la carpeta raíz de módulos en mi servidor y he conseguido configurarlo bien, pero tengo un par de problemas que me gustaría arreglar:

 

1. me sale justificado a la izquierda y me gustaría que estuviera justificado a la izquierda pero con respecto a la tienda (al logo).

 

2. me gustaría añadir una línea horizontal por encima de este menú para separar el logo del menú.

 

Estas dos cosas aparecen en la demo del tema,

http://ipno.tik.free...p?id_category=3

 

así que supongo que estas dos cosas no serán muy difícil configurarlas, pero he buscado y buscado por aquí y no doy con la solución. No os podéis imaginar! Tengo un tic en el ojo y todo

 

De antemano, muchas gracias.

Edited May 4, 2012 by jbquiros (see edit history)

[nadie]

Hola a todos!

Soy novato en prestashop y en programación ni contarte.

Mi tienda es: http://www.juanbautistaquiros.com/SHOP

Estoy montandola con el tema Black and White

 

Gracias a este foro, he insertado un menú horizontal mediante el módulo JBX en la carpeta raíz de módulos en mi servidor y he conseguido configurarlo bien, pero tengo un par de problemas que me gustaría arreglar:

 

1. me sale justificado a la izquierda y me gustaría que estuviera justificado a la izquierda pero con respecto a la tienda (al logo).

 

2. me gustaría añadir una línea horizontal por encima de este menú para separar el logo del menú.

 

Estas dos cosas aparecen en la demo del tema,

http://ipno.tik.free...p?id_category=3

 

así que supongo que estas dos cosas no serán muy difícil configurarlas, pero he buscado y buscado por aquí y no doy con la solución. No os podéis imaginar! Tengo un tic en el ojo y todo

 

De antemano, muchas gracias.

Para centrar el menu, prueba lo siguiente:

En el fichero:

/SHOP/modules/jbx_menu/cache/menu.css

 

Cambia esto:

.sf-contener, .sf-menu {
width: 300px;
}

 

Por esto:

.sf-contener, .sf-menu {
width: 300px;
margin:auto;
}

[jbquiros]

guauu! Gracias! Al menos ya se ha movido y está dentro de la tienda!!

Aunque no es exactamente lo que quería, se podría quedar así.

 

En realidad me gustaría que estuviese alineado verticalmente con el logo que aparece a la izquierda, como aparece aquí:

http://ipno.tik.free.fr/blackwhite-themes-prestashop/category.php?id_category=3

[nadie]

guauu! Gracias! Al menos ya se ha movido y está dentro de la tienda!!

Aunque no es exactamente lo que quería, se podría quedar así.

 

En realidad me gustaría que estuviese alineado verticalmente con el logo que aparece a la izquierda, como aparece aquí:

http://ipno.tik.free...p?id_category=3

 

(Por cierto no me carga la demo que me pasas D)

 

Déjalo así:

 

.sf-contener, .sf-menu {
width: 888px;
margin: auto;
}

[jbquiros]

Alineado! Gracias, Víctor! Eres un crack! Se me acaba de quitar el tic!

 

Ahora sólo me falta poner una línea por encima del menú. También aparece en la demo que no puedes ver. A ver si puedes desde este enlace , pinchando en el enlace Demo:

http://dgcraft.free.fr/blog/index.php/themes-prestashop/black-white-themes-prestashop/

[nadie]

Alineado! Gracias, Víctor! Eres un crack! Se me acaba de quitar el tic!

 

Ahora sólo me falta poner una línea por encima del menú. También aparece en la demo que no puedes ver. A ver si puedes desde este enlace , pinchando en el enlace Demo:

http://dgcraft.free....mes-prestashop/

 

.sf-contener, .sf-menu {

width: 925px;
float: left;
height: 35px;
margin-top: 0.3em;
border-top: 1px solid #EFEFEF;
line-height: 1.2;
}

[jbquiros]

He tenido que quitar el float para que me siga manteniendo la justificación que arreglamos antes. Pero me aparece una doble línea ¿?

 

Ahora lo tengo así:

 

.sf-contener, .sf-menu {

width: 925px;

margin: auto;

margin-top: 20px;

height: 35px;

margin-top: 0.3em;

border-top: 1px solid #EFEFEF;

line-height: 1.2;

}

 

Claro, necesitaría dejar sólo una línea y que el menú apareciera centrado con repecto a esta línea y la línea de abajo discontinúa.

No quiero ser pesado...estoy tan verde en css...

[jbquiros]

perdón:

 

.sf-contener, .sf-menu {

width: 925px;

margin: auto;

height: 35px;

margin-top: 0.3em;

border-top: 1px solid #EFEFEF;

line-height: 1.2;

}

[nadie]

perdón:

 

.sf-contener, .sf-menu {

width: 925px;

margin: auto;

height: 35px;

margin-top: 0.3em;

border-top: 1px solid #EFEFEF;

line-height: 1.2;

}

 

Si lo colocas asi:

sf-contener, .sf-menu {
width: 925px;
margin: auto;
height: 35px;
border-top: 1px solid #EFEFEF;
}

 

Se ve bien la linea encima del menú.

[jbquiros]

Pues sí, así se va a quedar. Muchas gracias por tu enorme ayuda.

Es la primera vez que pido ayuda en este foro y vaya impresión que me llevo...

 

Ahora pongo solucionado este post.

[nadie]

Pues sí, así se va a quedar. Muchas gracias por tu enorme ayuda.

Es la primera vez que pido ayuda en este foro y vaya impresión que me llevo...

 

Ahora pongo solucionado este post.

Para mi es un placer, el haberte sido de ayuda.

 

Un Saludo, y recuerda que estaremos por el foro para guiarte por este mundo.

 

Por cierto si das el tema como solucionado, no se te olvide editar el titulo del tema, pues esto ayudara a mantener una mayor organización en el foro.