Cambiar color de fondo para un botón de un menu

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

Mostrando 6 respuestas a los debates
  • Autor
    Entradas
    • #115330
      AlfonsocyaAlfonso
      Participante

      Hola,
      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.

    • #115333
      robertRobert
      Participante

      Bien, 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.

    • #115334
      AlfonsocyaAlfonso
      Participante

      Hola, 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 :S

      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.

      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 😉

    • #115336
      redloModerador Foro
      Participante

      Entre 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:
    • #115382
      AlfonsocyaAlfonso
      Participante

      Uff… 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, 🙂

    • #115396
      AlfonsocyaAlfonso
      Participante

      alguien que pueda ayudarme? please!

    • #115485
      alex99Alex
      Participante

      Mirate este video

Mostrando 6 respuestas a los debates
  • Debes estar registrado para responder a este debate.
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad