Tutorial: Como colocar enlaces en el Navbar

gedr80 Seguir

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
20 Ago 2006
Mensajes
65
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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.

 

narrow

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
5 Mar 2009
Mensajes
29
Re: Guía ilustrada: Como colocar enlaces en el Navbar

muy bueno, estaria bueno que pongas unas capturas de como se ve
 

jjuuaannk

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Sep 2007
Mensajes
953
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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
 

iBeko

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
23 Feb 2009
Mensajes
39
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
 

Braum

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Feb 2006
Mensajes
22
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Re: Guía ilustrada: Como colocar enlaces en el Navbar

Gedr80 gracias por esta ayuda y tus aportes al foro :)
 

Mudo

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
10 Abr 2009
Mensajes
13
Re: Guía ilustrada: Como colocar enlaces en el Navbar

Muy bueno,gracias
 

Lince

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Ene 2010
Mensajes
15
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.
 

sktjk

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 Abr 2013
Mensajes
29
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..
 
Arriba