Crear nuevo menu Popup en el Navbar (contextual)

Esta es una discusión para el tema Crear nuevo menu Popup en el Navbar (contextual) en el foro Tips y tutoriales, bajo la categoría Recursos para vBulletin (Descargas); Objetivo: Crear un nuevo elemento en el navbar que sea un menu desplegable (popup) Como funciona: basicamente es puro codigo HTML y siguiendo las reglas de vBulletin para la creación y correcto funcionamiento ya que ...
Página:


Resultados 1 al 8 de 8

Temas similares

  1. Por DarkSomnium en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  2. Por Alvaro_SG en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  3. Por MarcoAS en el foro Archivos de vBulletin 3.0 - 3.7
  4. Por El Toro en el foro Archivos de vBulletin 3.0 - 3.7
  1. #1
    Miembro especial Miembro de diamante Array Avatar de Jhonnyf
    Fecha de ingreso
    06 sep, 08
    Ubicación
    Dentro de mi
    Mensajes
    1,125
    Gustado
    50 Veces
    Me Gustan
    1 Veces

    Predeterminado Crear nuevo menu Popup en el Navbar (contextual)

    Objetivo:
    Crear un nuevo elemento en el navbar que sea un menu desplegable (popup)


    Como funciona:
    basicamente es puro codigo HTML y siguiendo las reglas de vBulletin para la creación y correcto funcionamiento ya que usaremos su codigo

    Como hacerlo:
    Primero vamos a escoger donde poner nuestro nuevo menu, para eso un buen lugar es junto al Panel de Control (como en la Imagen de arriba)

    Asi que en la plantilla navbar buscamos
    Código PHP:
    $template_hook[navbar_buttons_left
    y vamos a trabajar justo antes de esta linea , si deseas otra ubicación, pues ya es habilitad tuya

    ******************************************
    Los Menus PopUp estan compuestos basicamente de 2 partes, la parte donde haces click que puede ser una especie de Cabecera y la parte que aparece o desaparace que sería el cuerpo, y deben tener un identificador unico, ademas de seguir de vbulletin para su creación

    en nuestro Menu de ejemplo vamos a llamar (identificador unico) a nuestro menú con el nombre de MenuvbHispano

    vamos a poner la Cabecera antes del codigo que hemos buscado en el navbar de la siguiente manera
    Código HTML:
    <!--Menu Personalizado vbHispano-->
    <td id="MenuvbHispano" class="vbmenu_control">
        <a href="#">Menu vbHispano</a>
        <script type="text/javascript">
            vbmenu_register("MenuvbHispano");
        </script>
    </td>
    <!--/ Menu Personalizado vbHispano-->
    Si no quieres que salga la fecha hacia abajo (o el icono que uses en tu foro) tienes que poner un true en vbmenu_register, debe quedar asi
    Código PHP:
    vbmenu_register("MenuvbHispano",true); 
    ************************************************** ********************************

    Ahora vamos a poner el cuerpo para ese nuevo menu, asi que buscamos la sección correspondiente
    Código HTML:
    <if condition="$show['popups']">
    <!-- NAVBAR POPUP MENUS -->
    
        <if condition="$show['communitylink']">
    y justo luego de esto ponemos (nota que el id es MenuvbHispano_menu)
    Código HTML:
    <!-- Menu Personalizado vbHispano-->
    <div class="vbmenu_popup" id="MenuvbHispano_menu" style="display:none" align="$stylevar[left]">
            <table cellpadding="4" cellspacing="1" border="0">
    <tr><td class="thead">Titulo 1</a></td></tr>
    <tr><td class="vbmenu_option"><a href="">Opcion1 en Menú</a></td></tr>
    <tr><td class="vbmenu_option"><a href="">Opcion2 en Menú</a></td></tr>
    <tr><td class="vbmenu_option"><a href="">Opcion3 en Menú</a></td></tr>
    <tr><td class="vbmenu_option"><a href="">Opcion4 en Menú</a></td></tr>
            </table>
        </div>
    <!--/ Menu Personalizado vbHispano-->
    si has hecho todo correctamente, vas a tener finalmente un menu popup donde puedes poner más enlaces o el uso que le quieras dar


    Última edición por Jhonnyf; 10/08/2009 a las 18:21 Razón: Cambio de Imagen por marca de agua

  2. #2
    Miembro especial Array Avatar de mauroc
    Fecha de ingreso
    11 ene, 09
    Mensajes
    42
    Gustado
    0 Veces
    Me Gustan
    0 Veces

    Predeterminado Re: Crear nuevo menu Popup en el Navbar (contextual)

    Muchas gracias, algo habia logrado hacer investigando, comparando y a ensayo y error. Es una excelente guía para la proxima que intente hacer.

    De todas formas, no logro que quede bien el menu ya que el Cuerpo aparece a un costado de la Cabecera.
    ¿hay solución para esto?

  3. #3
    Miembro especial Miembro de diamante Array Avatar de Jhonnyf
    Fecha de ingreso
    06 sep, 08
    Ubicación
    Dentro de mi
    Mensajes
    1,125
    Gustado
    50 Veces
    Me Gustan
    1 Veces

    Predeterminado Re: Crear nuevo menu Popup en el Navbar (contextual)

    puedes meterle un margin o un padding al lado izquierdo para que quede en medio, pero ya como style=""

  4. #4
    Miembro Array
    Fecha de ingreso
    23 mar, 09
    Mensajes
    3
    Gustado
    0 Veces
    Me Gustan
    0 Veces

    Predeterminado Re: Crear nuevo menu Popup en el Navbar (contextual)

    hice todo pero al final no sale el menu solo sale el nombre que yo puse solo a filiado xDD tengo vb 3.8.4

  5. #5
    Miembro especial Miembro de diamante Array Avatar de Das Underground
    Fecha de ingreso
    16 ene, 08
    Ubicación
    Arica - Chile
    Mensajes
    886
    Gustado
    13 Veces
    Me Gustan
    9 Veces

    Predeterminado Re: Crear nuevo menu Popup en el Navbar (contextual)

    Hago todo como lo dices, pero no me abre el menu...
    quizas debes detallar un poco mas los pasos.

  6. #6
    Miembro especial Miembro de oro Array Avatar de piratarg
    Fecha de ingreso
    01 abr, 09
    Ubicación
    Bs. As.
    Mensajes
    141
    Gustado
    9 Veces
    Me Gustan
    13 Veces

    Predeterminado Re: Crear nuevo menu Popup en el Navbar (contextual)

    Muchas gracias Jhonnyf!, gracias a tu manual pude resolver un problemita que había dejado de lado.

    Cita Iniciado por Das Underground Ver mensaje
    Hago todo como lo dices, pero no me abre el menu...
    quizas debes detallar un poco mas los pasos.
    En mi caso suplanté:
    Código HTML:
    <a href="#">
    Por:
    Código HTML:
    <a id="MenuvbHispano" href="{$vbulletin->options[bburl]}/?nojs=1#MenuvbHispano">
    Y funciona perfectamente. Talvez este ahí el error?

  7. #7
    Miembro especial Miembro de diamante Array Avatar de Das Underground
    Fecha de ingreso
    16 ene, 08
    Ubicación
    Arica - Chile
    Mensajes
    886
    Gustado
    13 Veces
    Me Gustan
    9 Veces

    Predeterminado Re: Crear nuevo menu Popup en el Navbar (contextual)

    Voy a probar

    No me funciono compa, podrias colocar el codigo completo para ver como lo tienes
    Última edición por Das Underground; 02/11/2009 a las 13:11 Razón: Mensajes fusionados automáticamente

  8. #8
    Miembro especial Miembro de plata Array
    Fecha de ingreso
    28 may, 10
    Ubicación
    iquique
    Mensajes
    90
    Gustado
    0 Veces
    Me Gustan
    14 Veces

    Predeterminado Re: Crear nuevo menu Popup en el Navbar (contextual)

    yo no tengo el menu que tu indicas al comienzo

    Código HTML:
    $template_hook[navbar_buttons_left]
    empezé mal.. ojala pudieras actualizar un poco la guía y las imagenes...
    </span></span>