Como adicionar menus deslizantes em sua navbar [Tutorial]

[adrianobr]

Vá em admincp -> Estilos & Templates -> Gerenciador de Estilos -> Selecione seu template -> editar templates ->

Dependendo da sua skin vai variar entre "header" ou "navbar" feito isso:

Procure por:

Código PHP:

<if condition="$show['popups']"> 


Adicione abaixo:

Código PHP:

<td id="custommenu" class="vbmenu_control">
    <a href="#">Portal</a>
    <script type="text/javascript">
        vbmenu_register("custommenu");
    </script>
</td> 


Procure por:

Código PHP:

<!-- NAVBAR POPUP MENUS --> 


Adicione abaixo ou onde o menu vai ficar:

Código PHP:

<div class="vbmenu_popup" id="custommenu_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">Portal</td>
</tr>
<tr><td style="cursor: default;" class="vbmenu_option vbmenu_option_alink"><a href="endereço do link">nome do link</a></td></tr>
</table>
</div> 


Obs: Caso queira adicionar mais links, é so repetir esse codigo:

Código PHP:

<tr><td style="cursor: default;" class="vbmenu_option vbmenu_option_alink"><a href="endereço do link">nome do link</a></td></tr> 


[Bucck]

Ótimo tutorial adrianobr... bem explicado ajudou muito nosso amigo jeff... neste
tópico...
http://www.vb-brasil.org/forums/supo...html#post18273

[jeffe]

vlw cara
ótimo tuto

eu te amo (no bom sentido)
heh xD

[AndreSk8.]

Procure por:
Código PHP:
<!-- NAVBAR POPUP MENUS -->


o meu n tem isso!

[PolegaR]

Olá gostaria de saber com eu faço pra por uma imagem no menu..
"Ao Clicar em uma imagem esse menu drop down abaixa."

[gerassi]

cara...perfeito

[serrano]

Postado Originalmente por PolegaR

Olá gostaria de saber com eu faço pra por uma imagem no menu..
"Ao Clicar em uma imagem esse menu drop down abaixa."

uma imagem?

deve ser só:

Código PHP:

<td id="custommenu" class="vbmenu_control">
    <a href="#"><img src="http://link_da_imagem.xxx"></a>
    <script type="text/javascript">
        vbmenu_register("custommenu");
    </script>
</td> 


onde estava 'Portal' colocas '<img src="http://link_da_imagem.xxx">'

Penso que deve funcionar