1. Este sitio usa cookies. Para continuar usando este sitio, se debe aceptar nuestro uso de cookies. Más información.
  2. ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión
Descartar aviso
Become a vip user! / ¡Házte usuario VIP!
Download free all our add-ons
descarga gratis todos nuestros complementos
Look into XenForo's Manual in spanish
ver gratis el Manual de XenForo en español
Upgrade to user VIP and download free all our add-ons, look into XenForo's Manual in spanish, see all tutorials entirely, and much more....
Actualiza a usuario VIP y descarga gratis todos nuestros complementos, podrás ver gratis el Manual de XenForo en español, ver completamente todos los tutoriales y mucho más....

Become a vip user! / ¡Házte usuario VIP!

Truco Como añadir una pestaña a la navbar

Tema en 'Trucos y Tutoriales' iniciado por lms, 10 Nov 2010.

  1. lms

    lms Administrador

    Registrado:
    6 Oct 2010
    Mensajes:
    7.314
    Me Gusta recibidos:
    2.055
    Puntos:
    2.613
    Género:
    Masculino
    País:
    España
    Versión de XenForo:
    1.5.14
    PayPal:
    Donar dinero a este usuario
    Página web:
    Web
    Edite esta plantilla:

    Panel de Control -> Apariencia -> Plantillas -> navigation
    Insertar CODE, HTML o PHP:
    		<!-- mytab --> 		<li class="navTab PopupClosed"><a href="AQUÍ EL ENLACE" class="navLink">AQUÍ LA ETIQUETA DE LA PESTAÑA</a></li>
    
    Tal y como sigue:
    Insertar CODE, HTML o PHP:
                            <li><a href="{xen:link 'find-new/threads'}">{xen:phrase whats_new}</a></li>
                        </ul>
                    </div>
                </li>
            </xen:if>
    
    
            <!-- mytab -->
            <li class="navTab PopupClosed"><a href="AQUÍ EL ENLACE" class="navLink">AQUÍ LA ETIQUETA DE LA PESTAÑA</a></li>
    
    
            <!-- extra tabs -->
            <xen:if is="{$extraTabs}">
            <xen:foreach loop="$extraTabs" key="$extraTabId" value="$extraTab">
                <xen:if is="{$extraTab.linksTemplate}">
    Lo ideal es poner el enlace de la pestaña y la etiqueta usando xen:link and xen:phrase
    Insertar CODE, HTML o PHP:
    		<!-- mytab --> 		<li class="navTab PopupClosed"><a href="{xen:link 'find-new/threads'}" class="navLink">{xen:phrase whats_new}</a></li> 
    Este ejemplo coloca una pestaña Novedades con enlace a las mismas.

    Autor: Jake Bunce
    Tema Original: How To Add A New Tab In The Navbar

    Salud2
     
  2. x7iBiT

    x7iBiT Miembro

    Registrado:
    17 Ago 2011
    Mensajes:
    75
    Me Gusta recibidos:
    42
    Puntos:
    18
    Género:
    Masculino
    Hola, estoy intentando hacer con una URL externa, pero me gustaría que en vez de que se abriera directame, que saliera dentro de un popup del estilo del que sale cuando editamos un post. ¿Es posible?

    PD: Se que se puede hacer, en 8wayrun lo tienen hecho para campo XBL que hay debajo de avatar:
    http://8wayrun.com/threads/the-first-fan-fiction-post-d.8051/#post-277053
     
  3. lms

    lms Administrador

    Registrado:
    6 Oct 2010
    Mensajes:
    7.314
    Me Gusta recibidos:
    2.055
    Puntos:
    2.613
    Género:
    Masculino
    País:
    España
    Versión de XenForo:
    1.5.14
    PayPal:
    Donar dinero a este usuario
    Página web:
    Web
    Lo que tienen en 8wayrun.com es un campo personal y el tooltip es una imagen que está en ese campo. En el FooterPie haz clic en Trucos (arriba a la derecha del todo del FooterPie) y observa.

    Con urls externas es casi inviable hacerlo.

    Salud2
     
  4. x7iBiT

    x7iBiT Miembro

    Registrado:
    17 Ago 2011
    Mensajes:
    75
    Me Gusta recibidos:
    42
    Puntos:
    18
    Género:
    Masculino
    Muchas gracias. He visto que la clase que estaba buscando era OverlayTrigger. Efectivamente no vale con URL externas, pero se puede solucionar con un pequeño truco:
    • Creamos una nueva página en el arbol de nodos
    • En el contenido ponemos la página externa dentro de un iframe
    • Y con esto hemos convertido una URL externa en una interna que ya funciona con la clase OverlayTrigger
    Concretamente en nuestra web lo que hemos querido hacer es meter un Google Calendar en el menú, y tener así una alternativa al XenAtendo. Para hacer esto creamos una nueva página, la llamamos Calendario por ejemplo y dentro de "HTML de plantilla" pegamos el código generado automáticamente en esta página:
    https://www.google.com/calendar/embedhelper?pli=1
    Luego editamos la template navigation:

    HTML:
    <!-- calendario -->
    <xen:if is="{$visitor.user_id}">
        <li class="navTab PopupClosed">
            <a href="{xen:link 'pages/calendario/'}" class="navLink OverlayTrigger">Calendario</a>
        </li>
    </xen:if>
    El xen:if lo que hace es ocultar la entrada del menú a los invitados.
     
  5. lms

    lms Administrador

    Registrado:
    6 Oct 2010
    Mensajes:
    7.314
    Me Gusta recibidos:
    2.055
    Puntos:
    2.613
    Género:
    Masculino
    País:
    España
    Versión de XenForo:
    1.5.14
    PayPal:
    Donar dinero a este usuario
    Página web:
    Web
    La página web de la info de los usuarios está con la clase OverlayTrigger. La mía está dirigida a esta misma web y no rula, como puedes confirmar.

    Sabiendo que era eso lo que querías, es muy lógico lo que dices.
    En 8wayrun han creado una página para el perfil con la imagen para cada usuario.

    Salud2
     

Compartir esta página

Este sitio usa cookies, propias y de terceros.
Si se continúa con nosotros entendemos que se acepta el uso de cookies.