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

Mod.Plantilla Como añadir iconos a la paginación - Breadcrumb

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Busca la plantilla breadcrumb y edítala. Busca:
Insertar CODE, HTML o PHP:
        <span class="crumbs">
            <xen:if is="{$showHomeLink}">
                <span class="crust"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}>
                    <a href="{$homeLink}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}><span{xen:if $microdata, ' itemprop="title"'}>{xen:phrase home}</span></a>
                    <span class="arrow"><span></span></span>
                </span>
            <xen:elseif is="{$selectedTabId} != {$homeTabId}" />
                <span class="crust"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}>
                    <a href="{$homeTab.href}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}"><span{xen:if $microdata, ' itemprop="title"'}>{$homeTab.title}</span></a>
                    <span class="arrow"><span></span></span>
                </span>
            </xen:if>
y cámbialo por
Insertar CODE, HTML o PHP:
        <span class="crumbs">
            <xen:if is="{$showHomeLink}">
                <span class="crust"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}>
                    <a href="{$homeLink}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}><span{xen:if $microdata, ' itemprop="title"'}><img src="{$homeLink}" width="24px" height="24px" border="0" alt="{$homeLink}" align="top" />&nbsp;&nbsp;{xen:phrase home}</span></a>
                    <span class="arrow"><span></span></span>
                </span>
            <xen:elseif is="{$selectedTabId} != {$homeTabId}" />
                <span class="crust"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}>
                    <a href="{$homeTab.href}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}"><span{xen:if $microdata, ' itemprop="title"'}><img src="@imagePath/home.png" width="24px" height="24px" border="0" alt="{$homeTab.title}" align="top" />&nbsp;&nbsp;{$homeTab.title}</span></a>
                    <span class="arrow"><span></span></span>
                </span>
            </xen:if>
Con eso hemos puesto una imagen en la zona de Inicio/Portal.
Para poner un icono por cada pestaña que tengamos, busca:
Insertar CODE, HTML o PHP:
            <xen:if is="{$selectedTab}">
                <span class="crust"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}>
                    <a href="{$selectedTab.href}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}><span{xen:if $microdata, ' itemprop="title"'}>{$selectedTab.title}</span></a>
                    <span class="arrow"><span>&gt;</span></span>
                </span>
            </xen:if>
y cámbialo por
Insertar CODE, HTML o PHP:
            <xen:if is="{$selectedTab}">
                <span class="crust"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}>
                    <a href="{$selectedTab.href}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}><span{xen:if $microdata, ' itemprop="title"'}><img src="@imagePath/{$selectedTab.title}.png" width="24px" height="24px" border="0" alt="{$selectedTab.title}" align="top" />&nbsp;&nbsp;{$selectedTab.title}</span></a>
                    <span class="arrow"><span>&gt;</span></span>
                </span>
            </xen:if>
Sube al directorio styles/default las imágenes que dejo (u otras similares de tu gusto) pero recuerda que se deben llamar "NombreDeLaPestaña.png" cambiando NombreDeLaPestaña por el título que figure en tus pestañas (Foros, Ayuda, Miembros,...)

28857329.png


Salud2
 

Adjuntos

  • imagenes.zip
    8 KB · Visitas: 71
  • slider.png
    slider.png
    3,7 KB · Visitas: 428

SmauG

XenForoUser
Mensajes
86
Puntuación de reacciones
9
Puntos
8
¿Alguna idea para poner imágenes la zona de cuenta y alertas? Por ahora sólo se la puse a Cuenta en general -por ende, la misma a sus subsecciones-, ¿hay que hacer las sub-secciones una a una o hay algún método mejor?

Y ya lo pregunté en el tema que abrí, pero ya que aquí pega más... ¿Cómo poner imágnes a l breadcrums de cada subforo?
 
Arriba