Tutorial: Como colocar enlaces en el Navbar

gedr80

Beta
Verificación en dos pasos desactivada
Desde
20 Ago 2006
Mensajes
65
Edad
39
Crédito(s)
0
Puntos
0
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:



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



3-Encontraremos esto:




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 -->





5-Guardamos y obtenemos este resultado:


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>


7-Guardamos y obtenemos este resultado:






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
Crédito(s)
0
Puntos
0
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
Desde
26 Sep 2007
Mensajes
953
Edad
30
Crédito(s)
0
Puntos
0
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
Edad
30
Crédito(s)
0
Puntos
0
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
Desde
16 Feb 2006
Mensajes
22
Edad
49
Crédito(s)
0
Puntos
0
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
Crédito(s)
0
Puntos
0
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
Edad
34
Crédito(s)
0
Puntos
0
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.
 

imported_joaquin

Curioso
Verificación en dos pasos desactivada
Desde
27 Abr 2010
Mensajes
2
Edad
48
Crédito(s)
0
Puntos
0
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">
 

sktjk

Alfa
Verificación en dos pasos desactivada
Desde
24 Abr 2013
Mensajes
29
Edad
32
Crédito(s)
0
Puntos
0
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