Tutorial: Como colocar enlaces en el Navbar

gedr80 Seguir

Beta
Verificación en dos pasos desactivada
¡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
Verificación en dos pasos desactivada
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
Verificación en dos pasos desactivada
¡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
Verificación en dos pasos desactivada
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
Verificación en dos pasos desactivada
¡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
Verificación en dos pasos desactivada
Desde
10 Abr 2009
Mensajes
13
Re: Guía ilustrada: Como colocar enlaces en el Navbar

Muy bueno,gracias
 

Lince

Alfa
Verificación en dos pasos desactivada
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
Verificación en dos pasos desactivada
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..
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba