search

davidherney / tepuy

Template for interactive content editing
GNU General Public License v3.0
1 stars 8 forks source link

Como crear otro menú horizontal en la misma barra principal #9

Closed ccruzh closed 5 years ago

ccruzh commented 5 years ago

Hola, me gustaria tener adicional al menú vertical de la izquierda, unas opciones de menú al lado derecho de forma horizontal, tal como en la imagen (Botones A, B, C y D): pmenus

Como podria hacerlo?

davidherney commented 5 years ago

Pues realmente puedes poner el menú en cualquier parte, eso quiere decir que al mismo nivel pueden haber varios menús simplemente organizando por estilos y html la ubicación de cada uno.

Lo importante ahí es que cada menú esté dentro de una estructura nav > menu para garantizar que en la versión móvil se represente automáticamente en el menú lateral retráctil.

Espero te sirva.

Saludos

ccruzh commented 5 years ago

No he podido meter los iconos en la barra, y si coloco las imagenes dentro de nav>menu, no me las muestra 1 2

Me Puedes indicar como puedo incluirlo en la misma barra?

davidherney commented 5 years ago

Es que no debes poner los botones dentro del nav > menu, simplemente míralo como dos elementos HTML, sería algo como:

HTML:

<header>
    <nav label="Principal" data-offset="true">
        <menu>
            <menuitem label="Presentación" data-page="pag-inicio"></menuitem>
        </menu>
    </nav>
    <nav label="Secundario">
        <menu>
            <menuitem data-page="pag-ayuda"><img ="content/ayuda.png" /></menuitem>
        </menu>
    </nav>
</header>

CSS:

header nav:nth-child(1) {
  float: left;
}

header nav:nth-child(2) {
  float: right;
}

Espero te sirva.

Saludos

ccruzh commented 5 years ago

Gracias por tu ayuda :)