Tutorial: Como colocar links na Navbar

  • Autor Autor gedr80
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
G

gedr80

Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Guia ilustrada: Como colocar links na Navbar.







Primeiro é preciso esclarecer que a fiz baseada em:
Easy Navbar Links - vBulletin.org Forum


Descrição:



  • Esta modificação do template Navbar nos permite adicionar links nele. Isso é útil quando temos instalados certos mods que precisam ter seu próprio link, exemplo: arcade.php, vbtube.php, entre outros.

Requisitos:



  • Tempo.


Tempo provável:



  • Menos de 1 minuto.

Passos:


1-
Entramos no nosso Painel de Administração do VB em Estilos e Templates:
en2.png



2-Selecionamos Buscar dentro de templates, em seguida buscamos:
Inserir CODE, HTML ou PHP:
<div class="breadcrumbcontainer">
<div id="breadcrumb">

en3.png


3-Encontraremos isto:
en4.png


en5.png


4-Dentro do template Navbar, adicionamos:
Inserir CODE, HTML ou PHP:
<!-- Inicio de Enlaces en el Navbar -->
<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="3" width="100%" align="center" style="border-top-width:1px">
<tr align="center">
<td class="vbmenu_control"><a href="Aquí el Enlace">Nombre del Enlace</a></td>
<td class="vbmenu_control"><a href="Aquí el Enlace">Nombre del Enlace</a></td>
<td class="vbmenu_control"><a href="Aquí el Enlace">Nombre del Enlace</a></td>
<td class="vbmenu_control"><a href="Aquí el Enlace">Nombre del Enlace</a></td>
<td class="vbmenu_control"><a href="Aquí el Enlace">Nombre del Enlace</a></td>
</tr>
</table>
</div>
<!-- / Fin de Enlaces en el Navbar -->


en6f.png



5-Salvamos e obtemos este resultado:
en7.png


6-Se não gostar deste resultado, também pode colocar os links na parte azul. Para isso, buscamos na Navbar:
Inserir CODE, HTML ou PHP:
{vb:raw template_hook.navbar_start}
<vb:if condition="$show['searchbuttons']">
E adicionamos, depois disso:
Inserir CODE, HTML ou PHP:
<li><a href="ejemplo.php?{vb:raw session.sessionurl}">Ejemplo 1</a></li>
<li><a href="ejemplo.php?{vb:raw session.sessionurl}">Ejemplo 2</a></li>
<li><a href="ejemplo.php?{vb:raw session.sessionurl}">Ejemplo 3</a></li>
<li><a href="ejemplo.php?{vb:raw session.sessionurl}">Ejemplo 4</a></li>
en8.png


7-Salvamos e obtemos este resultado:
en9.png






Agradecimentos:

Ao autor da referida modificação, por autorizar sua tradução para o espanhol.

 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Re: Guia ilustrada: Como colocar links na Navbar

muito bom, seria legal se você colocasse algumas capturas de como fica
 
Re: Guia ilustrada: Como colocar links na Navbar

amigo, lá está a captura de como fica... há duas formas de fazer, em cima ou embaixo =)

abraços
 
Re: Guia ilustrada: Como colocar links na Navbar

O que eu gostaria é adicionar e mudar as posições onde diz (início, fóruns, blog), modificar e adicionar nesse menu..

Obrigado
 
Re: Guia ilustrada: Como colocar links na Navbar

Gedr80, obrigado por esta ajuda e suas contribuições ao fórum 🙂
 
Re: Guia ilustrada: Como colocar links na Navbar

Muito bom, obrigado
 
Re: Guia ilustrada: Como colocar links na Navbar

Olá... eu gostaria de colocar isso no cms, como poderia fazer... este tutorial é para o fórum e eu gostaria para a página inicial... seria possível... obrigado desde já... abraços.
 
Re: Guia ilustrada: Como colocar links na Navbar

na 4.02 o código difere um pouco do exposto
coloquei para facilitar a busca

<div id="breadcrumb" class="breadcrumb">
 
Re: Guia ilustrada: Como colocar links na Navbar

como seria para colocá-las no final em vez de no início??, estou testando muitas posições e não encontro a correta..
 
Voltar
Topo