• ¡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 Añadir iconos a los foros

alex27

alex27

Miembro
Mensajes
88
Puntuación de reacciones
43
Puntos
18
Mis plantillas implicadas en este Tema.

Nota: Si tienen o no su foro diseñado con Categoria, Foros y SubForos este codigo le

Plantilla node_category_level_1 Mostrar o no imagenes en las Categoria de nuestro Foro

Sin Imágenes en las Categorías Principales

Rich (BB code): 
<xen:require css="node_list.css" />
<xen:require css="node_category.css" />
 
<li class="node category level_{$level} node_{$category.node_id}" id="{xen:helper linktitle, $category.node_id, $category.title, 1}">
 
    <div class="nodeInfo categoryNodeInfo categoryStrip">
 
        <div class="categoryText">
            <h3 class="nodeTitle"><a href="{xen:link categories, $category}">{$category.title}</a></h3>
            <xen:if is="{$category.description}"><blockquote class="nodeDescription baseHtml">{xen:raw $category.description}</blockquote></xen:if>
        </div>
   
    </div>
 
    <xen:if is="{$renderedChildren}">   
        <ol class="nodeList">
            <xen:foreach loop="$renderedChildren" value="$child">{xen:raw $child}</xen:foreach>
        </ol>
    </xen:if>
 
    <span class="tlc"></span>
    <span class="trc"></span>
    <span class="blc"></span>
    <span class="brc"></span>
</li>


Con Imagen en las Categorías Principales

Rich (BB code): 
<xen:require css="node_list.css" />
<xen:require css="node_category.css" />
 
<li class="node category level_{$level} node_{$category.node_id}" id="{xen:helper linktitle, $category.node_id, $category.title, 1}">
 
    <div class="nodeInfo categoryNodeInfo categoryStrip">
 
    <span class="nodeIconlmsforum" title=""><img src="./styles/default/xenforo/IconThreads/{$category.node_id}.png" /></span>
 
        <div class="categoryText">
            <h3 class="nodeTitle"><a href="{xen:link categories, $category}">{$category.title}</a></h3>
            <xen:if is="{$category.description}"><blockquote class="nodeDescription baseHtml">{xen:raw $category.description}</blockquote></xen:if>
        </div>
     
    </div>
 
    <xen:if is="{$renderedChildren}">     
        <ol class="nodeList">
            <xen:foreach loop="$renderedChildren" value="$child">{xen:raw $child}</xen:foreach>
        </ol>
    </xen:if>
 
    <span class="tlc"></span>
    <span class="trc"></span>
    <span class="blc"></span>
    <span class="brc"></span>
</li>


Plantilla node_category_level_2

Rich (BB code): 
<xen:require css="node_list.css" />
<xen:require css="node_category.css" />
 
<li class="node category_forum level_{$level} node_{$category.node_id}">
 
    <div class="nodeInfo categoryForumNodeInfo {xen:if $category.hasNew, 'unread'}">
 
        <span class="nodeIcon" title="{xen:if $category.hasNew, '{xen:phrase unread_messages}', ''}"></span>
 
        <span class="nodeIconlmsnode" title=""><img src="./styles/default/xenforo/IconThreads/{$category.node_id}.png" /></span>
 
        <div class="nodeText">
            <h3 class="nodeTitle"><a href="{xen:link categories, $category}" data-description="{xen:if @nodeListDescriptionTooltips, '#nodeDescription-{$category.node_id}'}">{$category.title}</a></h3>
 
            <xen:if is="{$category.description} AND @nodeListDescriptions">
                <blockquote class="nodeDescription {xen:if @nodeListDescriptionTooltips, nodeDescriptionTooltip} baseHtml" id="nodeDescription-{$category.node_id}">{xen:raw $category.description}</blockquote>
            </xen:if>
 
            <div class="nodeStats pairsInline">
                <dl>
                    <dt>{xen:phrase discussions}:</dt> <dd>{xen:number $category.discussion_count}</dd>
                    <dt>{xen:phrase messages}:</dt> <dd>{xen:number $category.message_count}</dd>
                </dl>
                <xen:if is="{$renderedChildren} AND {$level} == 2">
                    <div class="Popup subForumsPopup">
                        <a href="{xen:link categories, $category}" rel="Menu" class="cloaked" data-closemenu="true"><span class="dt">{xen:phrase sub_forums}:</span> {xen:number $category.childCount}</a>
                   
                        <div class="Menu JsOnly subForumsMenu">
                            <div class="primaryContent menuHeader">
                                <h3><img src="./styles/default/xenforo/IconThreads/{$category.node_id}.png" />{$category.title}</h3>
                                <div class="muted">{xen:phrase sub_forums}</div>
                            </div>
                            <ol class="secondaryContent blockLinksList">
                            <xen:foreach loop="$renderedChildren" value="$child">
                                {xen:raw $child}
                            </xen:foreach>
                            </ol>
                        </div>
                    </div>
                </xen:if>
            </div>
        </div>
 
        <div class="nodeLastPost">
            <xen:if is="{$category.lastPost.date}">
                {xen:phrase latest}: <a href="{xen:link posts, $category.lastPost}" title="{$category.lastPost.title}">{xen:string wordTrim, $category.lastPost.title, 30}</a>
                <span class="lastThreadMeta"><xen:username user="$category.lastPost" />, <xen:datetime time="$category.lastPost.date" class="muted" /></span>
            <xen:else />
                <span class="noMessages muted">({xen:phrase contains_no_messages})</span>
            </xen:if>
        </div>
 
    </div>
 
</li>


Plantilla node_category_level_n

Rich (BB code): 
<li class="node category level-n node_{$category.node_id}">
    <div {xen:if $category.hasNew, 'class="unread"'}>
        <h4 class="nodeTitle"><a href="{xen:link categories, $category}" class="menuRow"><img src="./styles/default/xenforo/IconThreads/{$category.node_id}.png" />{$category.title}</a></h4>
    </div>
    <xen:if is="{$renderedChildren}">
        <ol>
            <xen:foreach loop="$renderedChildren" value="$child">
                {xen:raw $child}
            </xen:foreach>
        </ol>
    </xen:if>
</li>


Plantilla node_forum_level_2

Rich (BB code): 
<xen:require css="node_list.css" />
<xen:require css="node_forum.css" />
 
<li class="node forum level_{$level} {xen:if '{$level} == 1 AND !{$renderedChildren}', 'groupNoChildren'} node_{$forum.node_id}">
 
    <xen:if is="{$level} == 1"><div class="categoryStrip subHeading"></div></xen:if>
 
    <div class="nodeInfo forumNodeInfo primaryContent {xen:if $forum.hasNew, 'unread'}">
 
        <span class="nodeIcon" title="{xen:if $forum.hasNew, '{xen:phrase unread_messages}', ''}"></span>
 
        <span class="nodeIconlmsnode" title=""><img src="./styles/default/xenforo/IconThreads/{$forum.node_id}.png" /></span>
 
        <div class="nodeText">
            <h3 class="nodeTitle"><a href="{xen:link forums, $forum}" data-description="{xen:if @nodeListDescriptionTooltips, '#nodeDescription-{$forum.node_id}'}">{$forum.title}</a></h3>
 
            <xen:if is="{$forum.description} AND @nodeListDescriptions">
                <blockquote class="nodeDescription {xen:if @nodeListDescriptionTooltips, nodeDescriptionTooltip} baseHtml" id="nodeDescription-{$forum.node_id}">{xen:raw $forum.description}</blockquote>
            </xen:if>
 
            <div class="nodeStats pairsInline">
                <dl>
                    <dt>{xen:phrase discussions}:</dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.discussion_count}}</dd>
                    <dt>{xen:phrase messages}:</dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.message_count}}</dd>
                </dl>
                <xen:if is="{$renderedChildren} AND {$level} == 2">
                    <div class="Popup subForumsPopup">
                        <a href="{xen:link forums, $forum}" rel="Menu" class="cloaked" data-closemenu="true"><span class="dt">{xen:phrase sub_forums}:</span> {xen:number $forum.childCount}</a>
                   
                        <div class="Menu JsOnly subForumsMenu">
                            <div class="primaryContent menuHeader">
                                <h3><img src="./styles/default/xenforo/IconThreads/{$forum.node_id}.png" />{$forum.title}</h3>
                                <div class="muted">{xen:phrase sub_forums}</div>
                            </div>
                            <ol class="secondaryContent blockLinksList">
                            <xen:foreach loop="$renderedChildren" value="$child">
                                <img src="./styles/default/xenforo/IconThreads/{$forum.node_id}.png" />{xen:raw $child}
                            </xen:foreach>
                            </ol>
                        </div>
                    </div>
                </xen:if>
            </div>
        </div>
   
        <xen:hook name="node_forum_level_2_before_lastpost" />
 
        <div class="nodeLastPost secondaryContent">
            <xen:if is="{$forum.privateInfo}">
                <span class="noMessages muted">({xen:phrase private})</span>
            <xen:elseif is="{$forum.lastPost.date}" />
                {xen:phrase latest}: <a href="{xen:link posts, $forum.lastPost}" title="{$forum.lastPost.title}">{xen:helper wordTrim, $forum.lastPost.title, 30}</a>
                <span class="lastThreadMeta"><xen:if is="{xen:helper isIgnored, $forum.last_post_user_id}">{xen:phrase ignored_member}<xen:else /><xen:username user="$forum.lastPost" /></xen:if>, <xen:datetime time="$forum.lastPost.date" class="muted" /></span>
            <xen:else />
                <span class="noMessages muted">({xen:phrase contains_no_messages})</span>
            </xen:if>
        </div>
 
        <div class="nodeControls">
            <a href="{xen:link forums/index.rss, $forum}" class="tinyIcon feedIcon" title="{xen:phrase rss}">{xen:phrase rss}</a>
        </div>
   
    </div>
 
    <xen:if is="{$renderedChildren} AND {$level} == 1">
        <ol class="nodeList">
            <xen:foreach loop="$renderedChildren" value="$child">{xen:raw $child}</xen:foreach>
        </ol>
    </xen:if>
 
</li>


Plantilla node_forum_level_n

Rich (BB code): 
<li class="node forum level-n node_{$forum.node_id}">
    <div {xen:if $forum.hasNew, 'class="unread"'}>
        <h4 class="nodeTitle"><a href="{xen:link forums, $forum}" class="menuRow">{$forum.title}</a></h4>
    </div>
    <xen:if is="{$renderedChildren}">
        <ol>
            <xen:foreach loop="$renderedChildren" value="$child">
                <img src="./styles/default/xenforo/IconThreads/{$forum.node_id}.png" />{xen:raw $child}
            </xen:foreach>
        </ol>
    </xen:if>
</li>


Plantilla node_link_level_2

Rich (BB code): 
<xen:require css="node_list.css" />
<xen:require css="node_link.css" />
 
<li class="node link level_{$level} {xen:if '{$level} == 1 AND !{$renderedChildren}', 'groupNoChildren'} node_{$link.node_id}">
 
    <xen:if is="{$level} == 1"><div class="categoryStrip"></div></xen:if>
 
    <div class="nodeInfo linkNodeInfo">
        <span class="nodeIcon"></span>
 
        <div class="nodeText">
            <h3 class="nodeTitle"><img src="./styles/default/xenforo/IconThreads/{$link.node_id}.png" /><a href="{xen:link link-forums, $link}" data-description-x="#nodeDescription-{$link.node_id}"><img src="./styles/default/xenforo/IconThreads/{$link.node_id}.png" />{$link.title}</a></h3>
            <xen:if is="{$link.description}"><blockquote class="nodeDescription muted baseHtml" id="nodeDescription-{$link.node_id}">{xen:raw $link.description}</blockquote></xen:if>
        </div>   
    </div>
 
    <xen:if is="{$renderedChildren} AND {$level} == 1">   
        <ol class="nodeList">
            <xen:foreach loop="$renderedChildren"  value="$child"><img  src="./styles/default/xenforo/IconThreads/{$link.node_id}.png"  />{xen:raw $child}</xen:foreach>
        </ol>
    </xen:if>
</li>
 
<xen:if is="{$renderedChildren} AND {$level} == 2">
    <li class="subForumsGrid">
        <ol class="secondaryContent blockLinksList blockLinksGrid">
            <xen:foreach loop="$renderedChildren" value="$child"> <img src="./styles/default/xenforo/IconThreads/{$link.node_id}.png" />{xen:raw $child}</xen:foreach>
        </ol>
    </li>
</xen:if>


Plantilla node_link_level_n

Rich (BB code): 
<li class="node link level-n node_{$link.node_id}">
    <div>
        <h4 class="nodeTitle"><a href="{xen:link link-forums, $link}" class="menuRow">{$link.title}</a></h4>
    </div>
    <xen:if is="{$renderedChildren}">
        <ol>
            <xen:foreach loop="$renderedChildren" value="$child">
                <img src="./styles/default/xenforo/IconThreads/{$link.node_id}.png" />{xen:raw $child}
            </xen:foreach>
        </ol>
    </xen:if>
</li>



Insertar Plantilla EXTRAS.css

Incluye para ocultar las imagenes por defecto del Foro y he modificado el ancho y largo de las imagenes (84px x 47 px)

Rich (BB code): 
.node .nodeIconlmsnode
{
    @property "nodeIconlmsnode";
    background: transparent none no-repeat center center;
    margin: 10px 10px 10px -30px;
    float: left;
    width: 84px;
    height: 47px;
    align: center;
    @property "/nodeIconlmsnode";
}
.node .nodeIconlmschild
{
    @property "nodeIconlmschild";
    background: transparent none no-repeat center center;
    margin: 10px 10px 10px 10px;
    float: left;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    @property "/nodeIconlmschild";
}
.node .nodeIconlmsforum
{
    @property "nodeIconlmsforum";
    background: transparent none no-repeat center center;
    margin: 0px 30px 25px 0px;
    float: left;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    @property "/nodeIconlmsforum";
 
}
 
 
.node .nodeIconlmsnode {margin-left: -40px;}
.node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon {
    opacity: 0;
}
.node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon {
    opacity: 0;
}


Saludos y espero que le sirva a otra persona que tenga el mismo problema que Yo tuve.

Gracias LMS por tu ayuda !!!
 
lms

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
Te he remarcado dentro de los code los cambios con negrita y azul para que se aprecien mejor.
En el css te he hecho una corrección tachando uno de los cambios que había y poniéndolo en su sitio éste cambio remarcado en azul y negrita.

Creo que han quedado muy claros. Gracias por tu esfuerzo al indicarlos, alex27.

Salud2
 
Hay que estar conectado o registrado para responder aquí.
Arriba