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

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


En la plantilla node_category_level_1 busca:
PHP:
    <div class="nodeInfo categoryNodeInfo categoryStrip">
y añade justo debajo:
PHP:
    <span class="nodeIconlmsforum" title=""><img src="./styles/default/xenforo/IconThreads/{$category.node_id}.png" /></span>
En la plantilla node_category_level_2 busca:
PHP:
        <span class="nodeIcon" title="{xen:if '{$category.hasNew} OR !{$visitor.user_id}', '{xen:phrase unread_messages}', ''}"></span>
y añade justo debajo:
PHP:
<span class="nodeIconlmsnode" title=""><img src="./styles/default/xenforo/IconThreads/{$category.node_id}.png" /></span>
y busca
PHP:
                        <div class="Menu JsOnly subForumsMenu">
                            <div class="primaryContent menuHeader">
                                <h3>{$category.title}</h3>
y añade cambia <h3>{$category.title}</h3> por:
PHP:
                                <h3><img src="./styles/default/xenforo/IconThreads/{$category.node_id}.png" />{$category.title}</h3>
Busca en la plantilla node_category_level_n
PHP:
<li class="node category level-n node_{$category.node_id} {xen:if $renderedChildren, 'fullWidth'}">
    <div {xen:if $category.hasNew, 'class="unread"'}>
        <h4 class="nodeTitle"><a href="{xen:link categories, $category}" class="menuRow">{$category.title}</a></h4>
    </div>
y cámbialo por
PHP:
<li class="node category level-n node_{$category.node_id} {xen:if $renderedChildren, 'fullWidth'}">
    <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>
En la plantilla node_forum_level_2 busca:
PHP:
        <span class="nodeIcon" title="{xen:if '{$forum.hasNew} OR !{$visitor.user_id}', '{xen:phrase unread_messages}', ''}"></span>
y añade justo debajo:
PHP:
<span class="nodeIconlmsnode" title=""><img src="./styles/default/xenforo/IconThreads/{$forum.node_id}.png" /></span>
y busca
PHP:
                        <div class="Menu JsOnly subForumsMenu">
                            <div class="primaryContent menuHeader">
                                <h3>{$forum.title}</h3>
y cambia <h3>{$forum.title}</h3> por:
PHP:
<h3><img src="./styles/default/xenforo/IconThreads/{$forum.forum_id}.png" />{$forum.title}</h3>
y busca
PHP:
    <xen:if is="{$renderedChildren} AND {$level} == 1">
        <ol class="nodeList">
            <xen:foreach loop="$renderedChildren" value="$child">{xen:raw $child}</xen:foreach>
        </ol>
    </xen:if>
y cámbialo por:
PHP:
    <xen:if is="{$renderedChildren} AND {$level} == 1">
        <ol class="nodeList">
            <xen:foreach loop="$renderedChildren" value="$child"><img src="./styles/default/xenforo/IconThreads/{$child.node_id}.png" />{xen:raw $child}</xen:foreach>
        </ol>
    </xen:if>
y busca
PHP:
    <xen:foreach loop="$renderedChildren" value="$child">
        {xen:raw $child}
    </xen:foreach>
y cámbialo por:
PHP:
    <xen:foreach loop="$renderedChildren" value="$child">
        <img src="./styles/default/xenforo/IconThreads/{$forum.node_id}.png" />{xen:raw $child}
    </xen:foreach>
y busca en la plantilla node_forum_level_n
PHP:
            <xen:foreach loop="$renderedChildren" value="$child">
                {xen:raw $child}
            </xen:foreach>
y cambialo por:
PHP:
            <xen:foreach loop="$renderedChildren" value="$child">
                <img src="./styles/default/xenforo/IconThreads/{$forum.node_id}.png" />{xen:raw $child}
            </xen:foreach>
En la plantilla node_link_level_2 busca:
PHP:
    <div class="nodeInfo linkNodeInfo">
        <span class="nodeIcon" title="{xen:if '{$forum.hasNew} OR !{$visitor.user_id}', '{xen:phrase unread_messages}', ''}"></span>
 
        <div class="nodeText">
            <h3 class="nodeTitle"><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>
y cámbialo por:
PHP:
    <div class="nodeInfo linkNodeInfo">
        <span class="nodeIcon" title="{xen:if '{$forum.hasNew} OR !{$visitor.user_id}', '{xen:phrase unread_messages}', ''}"></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>
y busca
PHP:
    <ol class="secondaryContent blockLinksList blockLinksGrid">
    <xen:foreach loop="$renderedChildren" value="$child">
        {xen:raw $child}
    </xen:foreach>
y cámbialo por:
PHP:
    <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>
y busca
PHP:
    <xen:if is="{$renderedChildren} AND {$level} == 1">
        <ol class="nodeList">
            <xen:foreach loop="$renderedChildren" value="$child">{xen:raw $child}</xen:foreach>
        </ol>
    </xen:if>
y cambialo por:
PHP:
    <xen:if is="{$renderedChildren} AND {$level} == 1">
        <ol class="nodeList">
            <xen:foreach loop="$renderedChildren"  value="$child"><img  src="./styles/default/xenforo/IconThreads/{$child.node_id}.png"  />{xen:raw $child}</xen:foreach>
        </ol>
    </xen:if>
y busca en la plantilla node_link_level_n
PHP:
        <ol>
            <xen:foreach loop="$renderedChildren" value="$child">
                {xen:raw $child}
            </xen:foreach>
        </ol>
y cambialo por:
PHP:
        <ol>
            <xen:foreach loop="$renderedChildren" value="$child">
                <img src="./styles/default/xenforo/IconThreads/{$link.node_id}.png" />{xen:raw $child}
            </xen:foreach>
        </ol>
Edita la plantilla EXTRA.css y añade al final:
PHP:
.node .nodeIconlmsnode
{
    @property "nodeIconlmsnode";
    background: transparent none no-repeat center center;
    margin: 10px 10px 10px 10px;
    float: left;
    width: 36px;
    height: 36px;
    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";
 
}

Los iconos es recomendable que sean de 36x36px para categorías y foros sin otras categorías o foros debajo y de 12x12 para el resto.
He subido los iconos a la ruta ./styles/default/xenforo/IconThreads/ y para poder poner un icono a un foro o categoría, debes llamar al archivo por el ID de foro o categoría que corresponda con la extensión .png
Si no quieres una foro o categoría con icono, simplemente no subas ningún archivo que coincida en su nombre con el ID de foro o categoría.

Demo: Aquí, en xenfacil.com

Salud2
 

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
Que bueno, se agradece lms. Te a quedado muy bien el foro, me pondré manos a la obra
 

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
Si quieres que al borrar un archivo de icono, no te de la lata el iexplorer (¡como siempre!), te dejo en adjuntos un icono transparente de 36x36px

Salud2
 

Adjuntos

  • transparente.png
    transparente.png
    958 bytes · Visitas: 15

Adrian Barabino

PoLiZeADM
XenForoUser
Mensajes
495
Puntuación de reacciones
266
Puntos
63
Sitio web
www.adrianbarabino.com.ar
I really dont like that.

Sería bueno reemplazar al ícono común, agregar otro lo hace más cargado, es más yo ni cambiaría los iconos..

¡Ojo!, a algunos sitios les queda bien, pero no sé si así.
 

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
Para el que quiera iconos de CATEGORÍAS de 48 x 48, debe sustituir el último css de la plantilla EXTRA.css por
PHP:
.node .nodeIconlmsnode
{
    @property "nodeIconlmsnode";
    background: transparent none no-repeat center center;
    margin: 0px 15px 8px 1px;
    float: left;
    width: 36px;
    height: 36px;
    align: center;
    @property "/nodeIconlmsnode";
}
.node .nodeIconlmsforum
{
    @property "nodeIconlmsforum";
    background: transparent none no-repeat center center;
    margin: -5px 40px 30px -8px;
    float: left;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    @property "/nodeIconlmsforum";

}

Salud2
 

Galli

Nuevo
Mensajes
16
Puntuación de reacciones
1
Puntos
3
Bueno tengo unos inconvenientes ):

1ro.


node_link_level_2 busca: NO LO ENCUENTRA

<ol class="secondaryContent blockLinksList blockLinksGrid">
<
xen:foreach loop="$renderedChildren" value="$child">
{
xen:raw $child}
</
xen:foreach>

2do.

NO ENCUENTRA LA PLANTILLA EXTRA.CSS

Como soluciono?? :S
 

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
Bueno tengo unos inconvenientes ):

1ro.

node_link_level_2 busca: NO LO ENCUENTRA
Han quitado eso de la plantilla. No creo que afecte a la presencia de los iconos.

2do.

NO ENCUENTRA LA PLANTILLA EXTRA.CSS

Como soluciono?? :S
Esto es más serio. No recuerdo la beta en que fué introducida pero estar está en la versión 1.0.0 y 1.0.1. Busca en el listado de plantillas por EXTRA.css que suele estar justo debajo de las plantillas de Jaxel (xenMedio, XenPorta, XenAtendo, XenUtiles,....)

Salud2
 

Galli

Nuevo
Mensajes
16
Puntuación de reacciones
1
Puntos
3
No encuentro nada :s E buscado uno por uno, con el buscador pero no esta xd
Talves pueda crearlo ?
 

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
Por si te sirve, es una plantilla que no he revertido. La mía actual es:
PHP:
<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" title="{xen:if '{$forum.hasNew} OR !{$visitor.user_id}', '{xen:phrase unread_messages}', ''}"></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>

No creo que afecte para nada a los iconos el hecho de no estar. No te cuesta nada probar.

Salud2
 

Galli

Nuevo
Mensajes
16
Puntuación de reacciones
1
Puntos
3
Ya, funciona =d
Muchas gracias y perdona la molestia .. soy un poco nuevo en esto .. .
 

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
Nuevos somos todos en este script. Unos más rodados que otros pero todos nuevos.

Salud2
 

AppleTree

Activo
Mensajes
199
Puntuación de reacciones
31
Puntos
28
LMS, una preguntita... los cambios que dices que hay que hacer los tengo claros... pero cómo especificas luego qué iconos poner a cada foro?
Perdona mi ignorancia!
 

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
AppleTree dijo:
LMS, una preguntita... los cambios que dices que hay que hacer los tengo claros... pero cómo especificas luego qué iconos poner a cada foro?
Perdona mi ignorancia!

Pon el ratón encima del nodo que quieras y abajo (con firefox) sale el numero del nodo correspondiente.

La imagen que quieras en ese nodo la nombras con el numero que corresponde ese nodo y la guardas en la carpeta que te dice mas arriba.
 

AppleTree

Activo
Mensajes
199
Puntuación de reacciones
31
Puntos
28
Pon el ratón encima del nodo que quieras y abajo (con firefox) sale el numero del nodo correspondiente.

La imagen que quieras en ese nodo la nombras con el numero que corresponde ese nodo y la guardas en la carpeta que te dice mas arriba.

Muchísimas gracias, intentaré!!!
 

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
AppleTree dijo:
Bueno ya estoy aquí de nuevp... voy a probar a ver q tal

Tengo curiosidad, que tipo de foro vas ha abrir? Enlace? (si quieres por privado)
 

AppleTree

Activo
Mensajes
199
Puntuación de reacciones
31
Puntos
28
Chicos, no encuentro en node_link_level_2 lo siguiente:
Insertar CODE, HTML o PHP:
    <ol class="secondaryContent blockLinksList blockLinksGrid">
    <xen:foreach loop="$renderedChildren" value="$child">
        {xen:raw $child}
    </xen:foreach>

Que hago? Sigo?
 

AppleTree

Activo
Mensajes
199
Puntuación de reacciones
31
Puntos
28
Bueno chicos, pues lo he conseguido y con la ayuda de Manu coge perefectamente los iconos, lo que pasa es q también me sale el de los globitos de texto que viene por defecto... eso se puede quitar?

Y por último, el icono se pone encima del título del foro... no se puede alinear a la izquierda?

Muchísimas gracias!
 

AppleTree

Activo
Mensajes
199
Puntuación de reacciones
31
Puntos
28
Retomo el tema por una cuestion... a ver, he modificado todo y puestos todos los iconos en los diferentes foros, pero luego hay muchos subforos en los que me aparece un cuadro vacío por no tener icono, pero es q son muchísimos subforos y aquí no querría ponerle icono... se puede soclucionar de alguna forma? o tengo que subir un ico transparente (como por ejemplo el de ManuTDi) por cada subforo?... esto último sería de locos!!!...uf!
 
Arriba