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

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

lms

Administrador
#1
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
 

lms

Administrador
#3
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
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.
 

lms

Administrador
#5
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
 
Arriba