Avisos
Vaciar todo

Personalizar un menu  

 
Ricard
 Ricard
Usuario eminente

Buenos días,

Quiero personalizar un menú, cambiar la orientación de vertical a horizontal. ¿me podéis facilitar información para encontrar las herramientas necesarias para hacerlo?

Me gustaría aprender como funcionan las opciones avancadas y poder personalizar CSS

Basicamente necessito que el menu que aparece en la imagen en Vertical, lo quiero cambiar a horizontal y personalizar un poco el color y texto.

Muchas gràcias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 18/10/2012 10:33 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Las opciones avanzadas básicamente sirven para añadir estilos a los módulos en forma de id o de clase. De esta forma, una vez que hayamos añadido una clase adicional podremos editar el archivo de css de la plantilla y añadir los estilos que se aplicarán para esa clase.

Por ejemplo, si en el Sufijo clase del Menú pones un valor " horizontal" (fíjate que hay un espacio en blanco antes de la palabra "horizontal" se le aplicará a este menú los estilos de esa clase. Es decir, tendrías que crear en uno de los archivos CSS que se cargan con la plantilla algo así:

.horizontal {
aquí los estilos...
}
ResponderCitar
Respondido : 18/10/2012 11:44 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Ricard
 Ricard
Usuario eminente

Muchas gracias por la información pero sigo sin poder cambiar el menú vertical por uno de horizontal

He creado el sufijo de clase del menú pero no lo encuentro en ningún de los fichero css. Si lo intento crear manualmente... ¿ en que fichero lo tengo que crear para que me pueda salir en le template black and white?

Template.css, style1.css, meyer.css,

Directamente añadiendo la linea con los estilos diplay:inline; ya funcionaria?

.horizontal {
aquí los estilos...
}

Como podéis comprobar necesito un cable en este tema, ya que no puedo utilizar los menús de la plantilla GK.

Muy atentamente

¿O me faltan otros fragmentos de código?

ResponderCitar
Respondido : 22/10/2012 12:31 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Ricard,

En principio el menú de tu plantilla funciona con normalidad para como está concebido ese menú, que originalmente está pensado para desplegar los submenús verticalmente y no horizontalmente.

En tu caso no veo submenús así que no he podido experimentar mucho.

¿Tratas de hacer algo así?.

Saludos

ResponderCitar
Respondido : 22/10/2012 1:28 am

Ricard
 Ricard
Usuario eminente

Buenos días,

Lo que quiero es crear un nuevo menú en la posición banner1 que sea horizontal y no vertical como me aparece en la imagen.

http://simetrya-cp58.webjoomla.es/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=1958&Itemid=860&lang=es

Este menú horizontal se visualizaría con cada vez que aparezca un menú de tienda, que hemos creado manualmente.

No se si ahora lo he explicado mejor.

Muchas gracias,

Nos mantenemos en contacto

Daniel

ResponderCitar
Respondido : 22/10/2012 11:48 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El estilo para la clase horizontal que te comentaba deberás crearlo, ya que por defecto no existe.

Para ello, puedes agregar el código al final del archivo template.css de la plantilla, ya que este siempre se carga con la plantilla.

Tendrías que poner algo así:

.horizontal ul {
list-style:none;
}

.horizonal li {
display:inline:
}

Es posible que tengas que agregar algunos estilos más.

ResponderCitar
Respondido : 22/10/2012 4:02 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ricard
 Ricard
Usuario eminente

Buenas tardes,

He modificado el template.css, el style1.css, y meyer.css todos con el mismo código. pero el resultado final sigue siendo menu vertical.

¿Es muy difícil crear un estilo nuevo?

Quiero copiar crear un css nuevo que afecte solamente al menú horizontal, y seleccionarlo mediante la opción de "diseño alternativo" ya que el sistema probado hasta ahora no funciona.

Muy atentamente

ResponderCitar
Respondido : 22/10/2012 6:32 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Ricard,

No atendemos consultas de CSS ni Programación en el foro, después de nuestra experiencia de varios años atendiendo consultas sobre Joomla nos encontramos que la mayoría de usuarios que quieren modificar CSS acaban "estropeando" sus webs o bien por hacer modificaciones que luego no funcionan en los diferentes navegadores o bien por hacer modificaciones que acaban empeorando el diseño original de la plantilla.

Creemos que los clientes que no tienen conocimientos de CSS es mejor que usen joomla, para sacarle más partido a los contenidos y funcionalidades que permite joomla o sus extensiones y no creemos que sea recomendable realizar cambios CSS, para ello recomendamos usar plantillas profesionales de los diferentes clubes que desarrollan plantillas para joomla y partiendo de una buena plantilla rara vez es necesario tener que cambiar CSS.

En todo caso, si prefieres cambiar CSS te recomendamos que aprendas a usar Firebug con el que podrás aprender a modificar CSS, aquí tienes un vídeo de ejemplo que le ayudará a utilizarlo:

También te recomendamos estos libros gratuitos sobre CSS que te permitirán iniciarte en CSS, tienes el libro de introducción y el avanzado:
http://www.librosweb.es/

El Foro es un servicio gratuito que ofrecemos a los clientes con el que pretendemos ayudar a resolver temas sobre joomla y que así consigamos que se use mejor joomla y sus extensiones, si desviamos la atención a CSS o Programación, suelen ser modificaciones muy concretas que no ayudan al resto de usuarios que leen el foro a sacarle más partido a joomla.

Saludos

ResponderCitar
Respondido : 23/10/2012 7:57 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ricard
 Ricard
Usuario eminente

Muchas gracias,

Después de ir investigando he encontrado la clase horizontal y se ha solucionado el problema del menú.

Muchas gracias

Atentamente

ResponderCitar
Respondido : 24/10/2012 11:27 am