He construido mi propio (simple) de la plantilla. El menú del módulo es como este:

<jdoc:include type="modules" name="modHNavBar"  />

La CSS en la plantilla.archivo css es como este:

.TopMenuItem {
    padding: 5px 15px;  
    background: #000063;
    color: #DEE7EF;
    font-size: 1.1em;
    border: 1px solid #DEE7EF;
    float:left;
}

Para el estilo de ella, tuve que seleccionar cada elemento de menú y aplicar el Enlace de Estilo CSS de la Administración de back-end.

Esto parece como un montón de trabajo. Hay una manera más fácil de simplemente aplicar el estilo a todo el menú?

Sólo para el registro, la siguiente no funciona:

<jdoc:include type="modules" name="modHNavBar" style="TopMenuItem" />

Gracias!

InformationsquelleAutor itsols | 2013-04-12

2 Comentarios

  1. 2

    Hay un par de métodos de cómo el estilo del menú.

    1. Envuelva el <jdoc /> en div: <div class="TopMenuItem"><jdoc:include type="modules" name="modHNavBar" />
    2. Utilizar el Menú sufijo de clase: Extensiones > Módulos > [modulo de menu] > Opciones > Opciones Avanzadas > Menú Sufijo de Clase /Menú de ID de Etiqueta de
    3. Uso del módulo de chrome: en su carpeta de plantillas de crear el archivo html/modules.php, crear function modChrome_mymenu($module, &$params, &$attribs) lea más en las páginas de documentación: La aplicación de módulo personalizado chrome, Módulo de chrome

    Si quieres el estilo de cada elemento de menú de forma individual, usted puede agregar la clase a cada elemento de menú:
    Los menús > menú Principal > [elemento de menú] > Opciones Avanzadas > Link de Estilo CSS

    o añadir estilos css como este: nav.menú .elemento-101 { background: green }

    • Muchas gracias por tus entradas. He intentado el método 1 en primer lugar. Esto significa que tengo que manualmente envoltura de cada elemento. De lo contrario, los estilos se aplican de forma general a todo el conjunto de elementos de menú y no a elementos individuales. Pero creo que el método 2 es mejor. Por alguna extraña razón el método 3 no funciona bien. He probado ya. Gracias!
    • El método 4, yo no estaba muy seguro de qué es exactamente lo que está buscando
  2. 0

    En Joomla panel:

    Menú -> Menú Principal -> «Casa», o algún elemento de menú -> Opciones Avanzadas -> Link de Estilo CSS -> «casa», o algún nombre. -> Guardar

    En el CSS:

    #nav ul li a.home{background-color:#4E5426; color:#FFFFFF;}

    #nav ul li a.home:hover{background-color:#9A9B19; color:#FFFFFF;}

Dejar respuesta

Please enter your comment!
Please enter your name here