Diseño y Posicionamiento Web con Joomla › Foros › Templates Joomla › Templates Joomla! 3.0 › Cambiar color de fondo para un botón de un menu
- Este debate tiene 6 respuestas, 4 mensajes y ha sido actualizado por última vez el hace 8 años, 9 meses por
Alex.
-
AutorEntradas
-
-
07/04/2016 a las 13:32 #115330
Alfonso
ParticipanteHola,
Un placer registrarme aquí para aprender 🙂 Saludos a todos.Me he topado con varias cosas que quiero realizar, no consigo descifrar el como, y quería recurrir al foro de expertos a ver si me podéis ayudar. Soy principiante, así que cuanto más mascado mejor.
Estoy trabajando con esta plantilla gratuita: http://demo.web-komp.eu/luna/
Se puede descargar aquí: http://www.joomla24.com/remository/startdown/6458.html.Cosas que no me salen:
1.-En la botonera del menu principal, al pasar el ratón por encima de un menu, cambia a fondo azul. Lo que quiero es saber como hacer que cambie cada boton a un color que yo elija, en plan el “home” a azul, el “pages” a amarillo, “portfolio” a rojo, etc, y que se quede en la misma plantilla configurado.
2.-Al subir un logo, poder ajustar el tamaño, o en su defecto, poder aumentar el margen interno de la botonera de menus para que se ajuste con el logo, o las dos cosas 🙂
3.-Cuando ajusto la pantalla a resoluciones inferiores, me desaparece la botonera de menus, no quiero que lo haga, sino que me salga un desplegable con los titulos de cada menu.Seguro que son cosas muy básicas, pero yo ni idea, jajaja, ¿alguién me ayuda?
Gracias. -
07/04/2016 a las 14:19 #115333
Robert
ParticipanteBien, has elegido un framework avanzado a la vez que sencillo de personalizar. HELIX 3 soporta Bootstrap 3 que aunque Joomla aún no lo incluye funciona bien.
El framework (Entorno de trabajo) de la plantilla, te va a permitir personalizarlo a tu gusto sin tener que programar. Accedes a la adminitración y en Extensiones / Plantillas y editas la plantilla y al acceder esto es lo que vas a ver.
Ahora tus dudas
1.-En la botonera del menu principal, al pasar el ratón por encima de un menu, cambia a fondo azul. Lo que quiero es saber como hacer que cambie cada boton a un color que yo elija, en plan el “home” a azul, el “pages” a amarillo, “portfolio” a rojo, etc, y que se quede en la misma plantilla configurado.Tienes que acceder a PRESETS y editar el que tienes por defecto o elegir otro. Veras la opción de menu. Ahi es donde puedes persoanlzair.
2.-Al subir un logo, poder ajustar el tamaño, o en su defecto, poder aumentar el margen interno de la botonera de menus para que se ajuste con el logo, o las dos cosas 🙂
Aqui, para adaptar el logo al tamaño deseado tienes que ajustar el tamaño de lasa columnas y la posción del logo, pero si quieres que ocupe mas espacio, tendras que redefinir el ancho de esa columna.
Tambien tienes la posibilidad de darle el ancho y alto de tu logo, colocandolo en la opción BASIC del framework.
3.-Cuando ajusto la pantalla a resoluciones inferiores, me desaparece la botonera de menus, no quiero que lo haga, sino que me salga un desplegable con los titulos de cada menu.
En la opción de la posición del menu, lo editas y ahi lo configuras. Ver captura.
Siempre haz una copia de seguirdad antes de ponerte a hacer nada y haz un clon de la plantilla.
Attachments: -
07/04/2016 a las 15:33 #115334
Alfonso
ParticipanteHola, muchas gracias por la pronta respuesta, sigo atascado sorry :'(
1.
-En la botonera del menu principal, al pasar el ratón por encima de un menu, cambia a fondo azul. Lo que quiero es saber como hacer que cambie cada boton a un color que yo elija, en plan el “home” a azul, el “pages” a amarillo, “portfolio” a rojo, etc, y que se quede en la misma plantilla configurado.>Tienes que acceder a PRESETS y editar el que tienes por defecto o elegir otro. Veras la opción de menu. Ahi es donde puedes persoanlzair.
-En presets no veo ninguna opción de menú, al cambiar el color, cambia todos los botones al mismo, lo que yo quiero es poder dar un color de fondo distinto a cada botón, no a todos juntos el mismo color.
2.
-Al subir un logo, poder ajustar el tamaño, o en su defecto, poder aumentar el margen interno de la botonera de menus para que se ajuste con el logo, o las dos cosas 🙂>Aqui, para adaptar el logo al tamaño deseado tienes que ajustar el tamaño de lasa columnas y la posción del logo, pero si quieres que ocupe mas espacio, tendras que redefinir el ancho de esa columna.
Tambien tienes la posibilidad de darle el ancho y alto de tu logo, colocandolo en la opción BASIC del framework.-ajustar el tamaño de lasa columnas y la posción del logo. ¿como se hace?
-si quieres que ocupe mas espacio, tendras que redefinir el ancho de esa columna. En realidad quiero que ocupe menos, jajajaj.
-Lo he colocado en la opción basic del framework, en sí no se hacerlo de otra manera, pero no veo ninguna opción para darle alto y ancho :S3.
-Cuando ajusto la pantalla a resoluciones inferiores, me desaparece la botonera de menus, no quiero que lo haga, sino que me salga un desplegable con los titulos de cada menu.>En la opción de la posición del menu, lo editas y ahi lo configuras. Ver captura.
No veo como hacerlo, tengo deshabilitado que se oculte, sin marcar ningún checkbox, pero sigue desapareciendo.
Unos pantallazos de los procesos para hacerlos y comprobados que funcionen sería de gran ayuda, jjejejeje.
Gracias de nuevo 😉 -
07/04/2016 a las 16:11 #115336
Moderador Foro
ParticipanteEntre lineas te contesto en ROJO
-En presets no veo ninguna opción de menú, al cambiar el color, cambia todos los botones al mismo, lo que yo quiero es poder dar un color de fondo distinto a cada botón, no a todos juntos el mismo color.
[color=#bb0000]
Si lo que quieres es añadir un color a según que enlace de menu, solución: Accede a /TU_PLATIILA/Less y ahí tienes el código LESS de los estilos de menu, plantilla etc.. En Helix3 se autocompila para los archivos CSS. Buscas la clase y generas un sufijo de clase para cada Enlace de menu.[/color]-si quieres que ocupe mas espacio, tendras que redefinir el ancho de esa columna. En realidad quiero que ocupe menos, jajajaj.
-Lo he colocado en la opción basic del framework, en sí no se hacerlo de otra manera, pero no veo ninguna opción para darle alto y ancho :S.¿Has probado subir una imagen de logo mas pequeña que la del tamaño estandar? . Y si no te vale, idem de lo mismo que el anterior punto > /TU_PLATIILA/Less y ahí tienes el código LESS de los estilos para el tamaño del logo
No veo como hacerlo, tengo deshabilitado que se oculte, sin marcar ningún checkbox, pero sigue desapareciendo.
Cuando reduces el tamaño de resolución el menu desaparece, pero en su puesto, aparece o deberia aparecer un boton con cinco o seis lineas horizontales, y ese es el menu, haz clic encima y veras como te aparece el menu saliendo de uno de los laterales de tu pantalla.
Menu desplegado
Para el tema encontrar que clases son las de los estilos, te recomiendo usar FIrebug.
Attachments: -
14/04/2016 a las 12:02 #115382
Alfonso
ParticipanteUff… Yo con el código me pierdo, veo muchas cosas pero no las sé interpretar, ni buscar la asociación con el Firebug.
Si alguién es tan amable de instalarse la plantilla, probar y que le salga, y decirme exactamente donde debo tocar, estaré eternamente agradecido por su ayuda!!
Para alguién experto como vosotros fijo que es coser y cantar, 🙂 -
19/04/2016 a las 20:28 #115396
Alfonso
Participantealguien que pueda ayudarme? please!
-
16/05/2016 a las 16:08 #115485
Alex
ParticipanteMirate este video
-
-
AutorEntradas
- Debes estar registrado para responder a este debate.