Tutorial: Como colocar enlaces en el Navbar

  • Autor Autor gedr80
  • Fecha de inicio Fecha de inicio
G

gedr80

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Guía ilustrada: Como colocar enlaces en el Navbar.







Primero hay que aclarar, que la hice basada en:
Easy Navbar Links - vBulletin.org Forum


Descripción:



  • Esta modificación de la plantilla Navbar, nos permite agregar enlaces en él, esto es útil cuando tenemos instalados ciertos mods, que ocupan tener su propio enlace, ejemplo: arcade.php, vbtube.php entre otros.

Requisitos:



  • Tiempo.


Tiempo Probable:



  • Menos de 1 minutos.

Pasos:


1-
Ingresamos a nuestro Panel de Administración de VB a Estilos y Plantillas:
en2.png



2-Seleccionamos Buscar Dentro de Plantillas, seguidamente buscamos:
Insertar CODE, HTML o PHP:
<div class="breadcrumbcontainer">
<div id="breadcrumb">

en3.png


3-Encontraremos esto:
en4.png


en5.png


4-Dentro de la Plantilla Navbar, agregamos:
Insertar CODE, HTML o 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-Guardamos y obtenemos este resultado:
en7.png


6-Si no te gusta este resultado, también podes colocar los enlaces, en la parte azul, para ello buscamos en el Navbar:
Insertar CODE, HTML o PHP:
{vb:raw template_hook.navbar_start}
<vb:if condition="$show['searchbuttons']">
Y agregamos, después esto:
Insertar CODE, HTML o 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-Guardamos y obtenemos este resultado:
en9.png






Agradecimientos:

Al autor de dicha modificación, por autorizar su traducción al Español.

 
Re: Guía ilustrada: Como colocar enlaces en el Navbar

muy bueno, estaria bueno que pongas unas capturas de como se ve
 
Re: Guía ilustrada: Como colocar enlaces en el Navbar

amigo allí esta la captura de como queda... hay dos formas de hacerlo arriba o abajo =)

saludos
 
Re: Guía ilustrada: Como colocar enlaces en el Navbar

Lo que quisiera esa agregar y cambiar de posiciones donde Dice (inicio, foros, blog) modificar y agregar en ese menu..

Gracias
 
Re: Guía ilustrada: Como colocar enlaces en el Navbar

Gedr80 gracias por esta ayuda y tus aportes al foro 🙂
 
Re: Guía ilustrada: Como colocar enlaces en el Navbar

Muy bueno,gracias
 
Re: Guía ilustrada: Como colocar enlaces en el Navbar

Hola...me gustaria ponerlo esto en el cms como lo poria hacer...este tuto esta para el foro y yo lo quisiera para la portada...seria esto posible....gracias de antemano...saludos.
 
Re: Guía ilustrada: Como colocar enlaces en el Navbar

en la 4.02 difiere el codigo un poco del expuesto
lo pongo para facilitar la busqueda

<div id="breadcrumb" class="breadcrumb">
 
Re: Guía ilustrada: Como colocar enlaces en el Navbar

como seria para ponerlas al final en lugar de al principio??, estoy probando muchas posiciones y no encuentro la correcta..
 
Atrás
Arriba