Crear nuevo menu Popup en el Navbar (contextual)

imported_Jhonnyf Seguir

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Sep 2008
Mensajes
959
Objetivo:
Crear un nuevo elemento en el navbar que sea un menu desplegable (popup)
menupopup.gif


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
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
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
PHP:
vbmenu_register("MenuvbHispano",true);
**********************************************************************************

Ahora vamos a poner el cuerpo para ese nuevo menu, asi que buscamos la sección correspondiente
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)
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

menupoppopterminado.gif

 

mauroc

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Ene 2009
Mensajes
29
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?
 

imported_Jhonnyf

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Sep 2008
Mensajes
959
puedes meterle un margin o un padding al lado izquierdo para que quede en medio, pero ya como style=""
 

nelsonxd

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
23 Mar 2009
Mensajes
3
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
 

Das Underground

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Ene 2008
Mensajes
674
Hago todo como lo dices, pero no me abre el menu...
quizas debes detallar un poco mas los pasos.
 

piratarg

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
1 Abr 2009
Mensajes
129
Muchas gracias Jhonnyf!, gracias a tu manual pude resolver un problemita que había dejado de lado. ;)

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

Das Underground

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Ene 2008
Mensajes
674
Voy a probar

No me funciono compa, podrias colocar el codigo completo para ver como lo tienes
 

alvarocamus

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 May 2010
Mensajes
93
yo no tengo el menu que tu indicas al comienzo :(

HTML:
$template_hook[navbar_buttons_left]

empezé mal.. ojala pudieras actualizar un poco la guía y las imagenes...
</span></span>
 
Arriba