Crear nuevo menu Popup en el Navbar (contextual)

  • Autor Autor imported_Jhonnyf
  • Fecha de inicio Fecha de inicio
I

imported_Jhonnyf

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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

 
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?
 
puedes meterle un margin o un padding al lado izquierdo para que quede en medio, pero ya como style=""
 
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
 
Hago todo como lo dices, pero no me abre el menu...
quizas debes detallar un poco mas los pasos.
 
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? 🙂
 
Voy a probar

No me funciono compa, podrias colocar el codigo completo para ver como lo tienes
 
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>
 

Temas similares

D
Respuestas
5
Visitas
2K
AlTibCode11
A
P
Respuestas
2
Visitas
1K
EspeackE
EspeackE
Atrás
Arriba