Tutorial: Agregar un submenu flotante o solapa en la parte del navbar

martinssj4 · 21 Ene 2012

Bueno este tutorial se lo dedico a todos aquellos usuarios que como yo, se hallaban desesperados por informarse sobre como crear esto y no tuvieron una respuesta coherente, tanto aqui como en otras webs.

Despues de navegar y ver como funciona esto lo pude hacer funcionar en mi web de manera facil y rapida.

Antes de empezar voy a recordarles que esto funciona con el vbulletin 4x, yo uso vbulletin 4.1.5.

Es muy simple.

Primero: Vamos al AdminCP>Buscar dentro de plantillas> y ahi buscan "Navbar"

Segudo: Abrimos la plantilla Navbar y vamos a buscar esta linea de codigo:

PHP:

{vb:raw template_hook.navbar_end}

Debajo de esa linea de codigo ponemos esto:

PHP:

<li class="popupmenu"> <a href="javascript://" class="popupctrl navtab" accesskey="6">Eventos</a> <ul class="popupbody popuphover"> <li></li>           <li><a href="#">editame</a></li>           <li><a href="#">editame</a></li>           <li><a href="#">EDITAME</a></li>

En donde dice "accesskey="6">aca ponen el nombre del submenu</a>

Ejemplo:

Si tu foro es www.myforo.com y queres agregar una seccion de premios de tal modo que los dirija a esta direccion "www.myforo.com/premios.php" en el sub menu ponen asi:

PHP:

<li class="popupmenu"> <a href="javascript://" class="popupctrl navtab" accesskey="6">Nombre del submenu</a> <ul class="popupbody popuphover"> <li></li>
<li><a href="">/premios.php</a>Seccion de premios</li>           <li><a href="#">EDITAME</a></li>
          </ul>

Guardan y listo.

usuyusu · 22 Ene 2012

Muchas gracias por el tuto 🙂

martinssj4 · 22 Ene 2012

Disculpen, olvide agregar un detalle, ahora esta correcto el tutorial.

imported_isispe · 24 Ene 2012

muchas gracias esto sirve para 4.1.7??

martinssj4 · 24 Ene 2012

isispe dijo:
muchas gracias esto sirve para 4.1.7??

no conozco esa version, pero supongo que si, fijate.

imported_isispe · 25 Ene 2012

Gracias cuando tenga un tiempo probare que tal :$

Cesarionis · 1 Feb 2012

¿Se puede añadir un submenu al submenu?

martinssj4 · 2 Feb 2012

no comprendo tu pregunta

Cesarionis · 2 Feb 2012

martinssj4 dijo:
no comprendo tu pregunta

Cuando se despliega el submenu aparecen varias opciones para seleccionar. Lo que yo quiero es que cuando pase por encima de una de ellas se abra otro submenu paralelo a este donde se muestren mas opciones.

carlosa789 · 6 Feb 2012

Gracias por mostrar una gran preocupación por todos nosotros.

--
Carlos Almanzar
CEO de camisas hombre

martinssj4 · 6 Feb 2012

Cesarionis dijo:
Cuando se despliega el submenu aparecen varias opciones para seleccionar. Lo que yo quiero es que cuando pase por encima de una de ellas se abra otro submenu paralelo a este donde se muestren mas opciones.

ahh eso tenes que hablar con un diseñador porque es poco comun en websites eso que decis.

imported_luigi · 9 Mar 2012

martinssj4 dijo:
......

Primero: Vamos al AdminCP>Buscar dentro de plantillas> y ahi buscan "Navbar"

Segudo: Abrimos la plantilla Navbar y vamos a buscar esta linea de codigo:

PHP:

{vb:raw template_hook.navbar_end}

Debajo de esa linea de codigo ponemos esto:

PHP:

<li class="popupmenu"> <a href="javascript://" class="popupctrl navtab" accesskey="6">Eventos</a> <ul class="popupbody popuphover"> <li></li> <li><a href="#">editame</a></li> <li><a href="#">editame</a></li> <li><a href="#">EDITAME</a></li>

En donde dice "accesskey="6">aca ponen el nombre del submenu</a>

Ejemplo:

Si tu foro es www.myforo.com y queres agregar una seccion de premios de tal modo que los dirija a esta direccion "www.myforo.com/premios.php" en el sub menu ponen asi:

PHP:

<li class="popupmenu"> <a href="javascript://" class="popupctrl navtab" accesskey="6">Nombre del submenu</a> <ul class="popupbody popuphover"> <li></li> <li><a href="">/premios.php</a>Seccion de premios</li> <li><a href="#">EDITAME</a></li> </ul>

.....

El código de este tutorial es necesario arreglarlo un poco ya que no es correcto y no trabajará de forma eficiente o idónea. No está escrito correctamente y falta el cierre de algunas etiquetas.
Se corrigen los códigos, basados en el ejemplo.

PHP:

    <li class="popupmenu">
        <a href="javascript://" class="popupctrl" accesskey="6">Eventos</a>
        <ul class="popupbody popuphover">          
            <li><a href="#">Editame</a></li>
        </ul>
    </li>

PHP:

    <li class="popupmenu">
        <a href="javascript://" class="popupctrl" accesskey="6">Nombre del submenu</a>
        <ul class="popupbody popuphover">
            <li><a href="premios.php">Seccion de premios</a></li>           
            <li><a href="#">Editame</a></li>
            <li><a href="#">Editame 2</a></li>
        </ul>
    </li>

Ojo el código no está probado, simplemente se ha limpiado y corregido.

martinssj4 · 12 Mar 2012

yo copie el codigo tal y como lo tengo en mi web y anda bien, pero esta bueno que me lo hayas corregido si habia algo mal, gracias 😀

imported_luigi · 12 Mar 2012

Has probado el corregido o comparado?

martinssj4 · 13 Mar 2012

luigi dijo:
Has probado el corregido o comparado?

Como dije.. me anda bien el codigo que puse primero, asi que ni me molesto en editarlo j3j3

juit · 18 Mar 2012

yo no pude 🙁 teng la ver mas reciente

Tutorial: Agregar un submenu flotante o solapa en la parte del navbar

martinssj4

usuyusu

martinssj4

imported_isispe

martinssj4

imported_isispe

Cesarionis

martinssj4

Cesarionis

carlosa789

martinssj4

imported_luigi

martinssj4

imported_luigi

martinssj4

juit

Temas similares

Privacidad y transparencia

Privacidad y transparencia