Like Tree7Likes
  • 6 Post By gedr80
  • 1 Post By jjuuaannk

Guía ilustrada: Como colocar enlaces en el Navbar

Esta es una discusión para el tema Guía ilustrada: Como colocar enlaces en el Navbar en el foro Tips y Optimización de vBulletin 4, bajo la categoría vBulletin 4 - Preguntas, Problemas y Soluciones; 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 ...
Página:


Resultados 1 al 9 de 9

Temas similares

  1. Por gedr80 en el foro Tips y Optimización de vBulletin 4
  2. Por trotskid en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  3. Por luis24 en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  4. Por Alucard^ en el foro vBulletin 3 - Preguntas, Problemas y Soluciones
  1. #1
    Miembro especial Miembro de oro Array Avatar de gedr80
    Fecha de ingreso
    20 ago, 06
    Ubicación
    Costa Rica
    Mensajes
    141
    Gustado
    31 Veces
    Me Gustan
    5 Veces

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

    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:
    Código:
    <div class="breadcrumbcontainer">
    <div id="breadcrumb">



    3-Encontraremos esto:




    4-Dentro de la Plantilla Navbar, agregamos:
    Código:
    <!-- 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:
    Código:
    {vb:raw template_hook.navbar_start}
    <vb:if condition="$show['searchbuttons']">
    Y agregamos, después esto:
    Código:
    <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.

    geros, Mudo, katxan y a 3 personas más les gusta esto.

  2. #2
    Miembro Array
    Fecha de ingreso
    05 mar, 09
    Mensajes
    29
    Gustado
    0 Veces
    Me Gustan
    0 Veces

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

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

  3. #3
    Miembro especial Miembro de diamante Array Avatar de jjuuaannk
    Fecha de ingreso
    26 sep, 07
    Ubicación
    Venezuela, Maracaibo
    Mensajes
    1,226
    Gustado
    421 Veces
    Me Gustan
    27 Veces

    Predeterminado 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
    Outsistem.net - Disfruta del Ocio en Internet

    Software Taller 3.5 -La solución para el manejo y control de talleres de servicio técnico

  4. #4
    Miembro especial Array Avatar de iBeko
    Fecha de ingreso
    23 feb, 09
    Mensajes
    39
    Gustado
    1 Veces
    Me Gustan
    4 Veces

    Predeterminado 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

  5. #5
    Miembro especial Miembro de diamante Array Avatar de jjuuaannk
    Fecha de ingreso
    26 sep, 07
    Ubicación
    Venezuela, Maracaibo
    Mensajes
    1,226
    Gustado
    421 Veces
    Me Gustan
    27 Veces

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

    para ello utiliza el siguiente addon amigo

    vB4.0 vBH - Agregar Nuevas Pestañas 1.0 - vBhispano - vBulletin en español

    un saludo
    soulfire23 le gusta esto.
    Outsistem.net - Disfruta del Ocio en Internet

    Software Taller 3.5 -La solución para el manejo y control de talleres de servicio técnico

  6. #6
    Miembro Array
    Fecha de ingreso
    16 feb, 06
    Mensajes
    26
    Gustado
    0 Veces
    Me Gustan
    4 Veces

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

    Gedr80 gracias por esta ayuda y tus aportes al foro

  7. #7
    Miembro Array Avatar de Mudo
    Fecha de ingreso
    10 abr, 09
    Ubicación
    Puerto Rico
    Mensajes
    16
    Gustado
    2 Veces
    Me Gustan
    1 Veces

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

    Muy bueno,gracias

  8. #8
    Miembro Array
    Fecha de ingreso
    27 ene, 10
    Mensajes
    15
    Gustado
    7 Veces
    Me Gustan
    1 Veces

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

  9. #9
    Miembro Array
    Fecha de ingreso
    27 abr, 10
    Mensajes
    4
    Gustado
    0 Veces
    Me Gustan
    1 Veces

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