Icones nodes non fonctionnel

résolu Icones nodes non fonctionnel

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
Icones nodes non fonctionnel

résolu Icones nodes non fonctionnel

Catégorie Catégorie Questions & Aides
Titre du sujet Titre du sujet Icones nodes non fonctionnel
Auteur de la discussion Auteur de la discussion F3niix
Date de début Date de début
Réponses Réponses 16
Affichages Affichages 661
Réaction Réaction 0
Dernier message par Dernier message par MasterMan

F3niix

Membre

Membre
Réputation: 4%
Discussions
1
Messages
30
J'aime
3
Points
8
Bonjour, j'ai plusieurs fois voulu changer les nodes des icones de forum comme à l'ancienne en 1.x.x qui ce faisait manuellement via le FTP.
J'ai carrément télécharger 3 addons sur ce sujet pour le faire, mais rien n'y fais.

Ni les images via upload d'addons,
Ni les images relié via FTP,
Ni les images en FA ne fonctionne.

Je n'arrive pas à comprendre POURQUOI.
Je me suis donc dit que c'étais certainement la structure du thème qui ne le prenais pas en charge, j'ai donc essayé avec d'autre mais le problème et le même.
Donc cette fois je me tourne vers vous pour savoir si quelqu'un aurait une solution.

Merci à vous ! :D

Thème utilisé : Exclusive Dark 2.2.9
Petit screen de ce que j'appelle "Nodes Images"

Le contenu caché est disponible pour les utilisateurs enregistrés !
 
Solution
Hello all,

voici un correctif de l'add-on [cv6] Node Icons & Tools 1.3.0 pour le thème Exclusive Dark

Le contenu caché est disponible pour les utilisateurs enregistrés !


Il faudra aussi modifier le template "node_list_forum"

HTML:
<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
    <div class="block">
        <div class="block-container">
            <div class="block-body">
                <xf:macro name="forum"
                    arg-node="{$node}"
                    arg-extras="{$extras}"
                    arg-children="{$children}"
                    arg-childExtras="{$childExtras}"
                    arg-depth="{$depth}" />
            </div>...
Hello @F3niix,

obliger de répondre pour ton screen.
[automerge]1666195284[/automerge]
Quelles sont les add-ons que tu as testé.
[automerge]1666197866[/automerge]
Dans les propriétés de style de Exclusive Dark 2.2.9

Recherche ↓├ XenTR ┤ Node/Forum list

A "Node layout", tu mets Default
 
Dernière édition:
Upvote 0
Ce n'est pas ça, "Node Layout" c'est pour modifier le style des catégories. Plus bas tu à cependant un onglet "Node Icons" actuellement sur du FA. On peu le désactiver mais sinon.. rien de plus.
 
Upvote 0
Je sais bien, c'est à cause de cette partie que le code de remplacement de fonctionne pas.

Sur Classic

j6cx.png


Sur Default

0hbk.png
 
Upvote 0
ça je l'est bien vu, le problème c'est que du coup ma solution de repli c'est les Icons FA. Sauf que moi je cherche à y mettre des icônes personnalisé, des images quoi x)
 
Upvote 0
J'ai essayé avec les trois là :
Ultimate Custom Nodes 2.0.8.2 => Fonctionne pas
[XFA] Nodes Icon Tweaks 3.0.7 => Fonctionne pas
ServerDev ?ode Icon 2.2.0 Beta 3 => Fonctionne pas (L'addon que je préfère parmi les trois).

Pour que les 3 addons ne soit pas compatible c'est qu'il y à une douille quelques pars mais je ne sais pas quoi et ou. Sachant que j'ai le même problème avec les autres thème.
Une Template qui rentrerais en conflits et prendrais la main peux être ?
 
Upvote 0
Après plusieurs test,

J'ai remplacer ServerDev Node Icon 2.2.0 Beta 3 par [cv6] Node Icons & Tools 1.3.0 avec la librairie [cv6] Node Icons & Tools 1.3.0 du même codeur que ServerDev.

En ce qui concerne l'affichage sur ton thème, peux tu me donner le template "node_list_forum" pour que je puisse regarder si la recherche du codage est bon.
 
Upvote 0
Après plusieurs test,

J'ai remplacer ServerDev Node Icon 2.2.0 Beta 3 par [cv6] Node Icons & Tools 1.3.0 avec la librairie [cv6] Node Icons & Tools 1.3.0 du même codeur que ServerDev.

En ce qui concerne l'affichage sur ton thème, peux tu me donner le template "node_list_forum" pour que je puisse regarder si la recherche du codage est bon.
Du coup j'ai essayé ton addons, j'y est vu quattres choses.
1. Pour les forum de discussion => Marche pas.
2. Pour les Forum de Catégorie (Catégorie dans une Catégorie) => ça fonctionne
3. Lorsque sa fonctionne, l'Icon et en noir et blanc et lorsqu'on passe dessus, ça ce met en couleur. On peu changer ça ?
4. Le "code" pour les Catégories de Catégorie et les Forum de discussion on l'air différent car n'utilise pas le même "set" d'icon FA. De plus sur le theme, lorsque tu passe ta souris sur l'icone sur un forum de discussion, ça remplace l'icon par un sorte de texte slider (0 Sujets) en gros ça met un texte avec la stats du forum de discussion.

Pour ta demande, comment puis-je t'exporter la template ?
[automerge]1666210796[/automerge]
EDIT : Lorsqu'on active "Enable Font Awesome Node Icons?" dans la nouvelle catégorie de "[cv6] Node Icons" toujours dans la template "XenTR Node/Forum list"

ça remplace bien les icons des forum de discussion en FA. Peux être ce pencher sur ça ?
 
Dernière édition:
Upvote 0
Je pense que tu n'as pas bien compris ma demande.

Il me faut le contenu du template "node_list_forum" pour vérifier si il faut faire une modification de celui ci.
[automerge]1666215065[/automerge]
Pour la couleur des icônes

u9b0.png
 
Dernière édition:
Upvote 0
Hello all,

voici un correctif de l'add-on [cv6] Node Icons & Tools 1.3.0 pour le thème Exclusive Dark

Le contenu caché est disponible pour les utilisateurs enregistrés !


Il faudra aussi modifier le template "node_list_forum"

HTML:
<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
    <div class="block">
        <div class="block-container">
            <div class="block-body">
                <xf:macro name="forum"
                    arg-node="{$node}"
                    arg-extras="{$extras}"
                    arg-children="{$children}"
                    arg-childExtras="{$childExtras}"
                    arg-depth="{$depth}" />
            </div>
        </div>
    </div>
</xf:macro>

<xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
    <xf:macro name="forum"
        arg-node="{$node}"
        arg-extras="{$extras}"
        arg-children="{$children}"
        arg-childExtras="{$childExtras}"
        arg-depth="{$depth}" />
</xf:macro>

<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
    <li>
        <a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">
            <xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" class="subNodeLink-icon" />{$node.title}
        </a>
        <xf:macro template="forum_list" name="sub_node_list"
            arg-children="{$children}"
            arg-childExtras="{$childExtras}"
            arg-depth="{{ $depth + 1 }}" />
    </li>
</xf:macro>

<xf:macro name="forum"
    arg-node="!"
    arg-extras="!"
    arg-children="!"
    arg-childExtras="!"
    arg-depth="!"
    arg-chooseName=""
    arg-bonusInfo="">

    <div class="node node--id{$node.node_id} node--depth{$depth} node--forum {{ $extras.hasNew ? 'node--unread' : 'node--read' }}">
        <xf:if is="{{ property('xmNodeLayout') }} == 'default'">
        <div class="node-body">
            <span class="node-icon" aria-hidden="true">
                <xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" />
            </span>
            <div class="node-main js-nodeMain">
                <xf:if is="$chooseName">
                    <xf:checkbox standalone="true">
                        <xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$node.node_id}" />
                    </xf:checkbox>
                </xf:if>

                <xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
                <h3 class="node-title">
                    <a href="{{ link('forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
                </h3>
                <xf:if is="$descriptionDisplay != 'none' && $node.description">
                    <div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
                </xf:if>

                <div class="node-meta">
                    <xf:if is="!{$extras.privateInfo}">
                        <div class="node-statsMeta">
                            <dl class="pairs pairs--inline">
                                <dt>{{ phrase('threads') }}</dt>
                                <dd>{$extras.discussion_count|number_short(1)}</dd>
                            </dl>
                            <dl class="pairs pairs--inline">
                                <dt>{{ phrase('messages') }}</dt>
                                <dd>{$extras.message_count|number_short(1)}</dd>
                            </dl>
                        </div>
                    </xf:if>

                    <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
                        <xf:macro template="forum_list" name="sub_nodes_menu"
                            arg-children="{$children}"
                            arg-childExtras="{$childExtras}"
                            arg-depth="{{ $depth + 1 }}" />
                    </xf:if>
                </div>

                <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
                    <xf:macro template="forum_list" name="sub_nodes_flat"
                        arg-children="{$children}"
                        arg-childExtras="{$childExtras}"
                        arg-depth="{{ $depth + 1 }}" />
                </xf:if>

                <xf:if is="$bonusInfo is not empty">
                    <div class="node-bonus">{$bonusInfo}</div>
                </xf:if>
            </div>

            <xf:if is="!{$extras.privateInfo}">
                <div class="node-stats">
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('threads') }}</dt>
                        <dd>{$extras.discussion_count|number_short(1)}</dd>
                    </dl>
                    <dl class="pairs pairs--rows">
                        <dt>{{ phrase('messages') }}</dt>
                        <dd>{$extras.message_count|number_short(1)}</dd>
                    </dl>
                </div>
            </xf:if>

            <div class="node-extra">
                <xf:if is="{$extras.privateInfo}">
                    <span class="node-extra-placeholder">{{ phrase('private') }}</span>
                <xf:elseif is="{$extras.LastThread}" />
                    <div class="node-extra-icon">
                        <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                            <xf:avatar user="{{ null }}" size="xs" />
                        <xf:else />
                            <xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
                        </xf:if>
                    </div>
                    <div class="node-extra-row">
                        <xf:if is="$extras.LastThread.isUnread()">
                            <a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
                        <xf:else />
                            <a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
                        </xf:if>
                    </div>
                    <div class="node-extra-row">
                        <ul class="listInline listInline--bullet">
                            <li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
                            <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                                <li class="node-extra-user">{{ phrase('ignored_member') }}</li>
                            <xf:else />
                                <li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
                            </xf:if>
                        </ul>
                    </div>
                <xf:else />
                    <span class="node-extra-placeholder">{{ phrase('none') }}</span>
                </xf:if>
            </div>
        </div>
        </xf:if>
        
        <xf:if is="(property('xmNodeLayout') == 'classic')">
            <div class="node-body">
                <span class="node-icon" aria-hidden="true"><i></i></span>
                <div class="node-main js-nodeMain">
                    <xf:if is="$chooseName">
                        <xf:checkbox standalone="true">
                            <xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$node.node_id}" />
                        </xf:checkbox>
                    </xf:if>
            
                    <xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
                    <h3 class="node-title">
                        <a href="{{ link('forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
                    </h3>
                    <xf:if is="$descriptionDisplay != 'none' && $node.description">
                        <div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
                    </xf:if>
            
                    <div class="node-meta">
                        <xf:if is="!{$extras.privateInfo}">
                            <div class="node-statsMeta">
                                <dl class="pairs pairs--inline">
                                    <dt>{{ phrase('threads') }}</dt>
                                    <dd>{$extras.discussion_count|number_short(1)}</dd>
                                </dl>
                                <dl class="pairs pairs--inline">
                                    <dt>{{ phrase('messages') }}</dt>
                                    <dd>{$extras.message_count|number_short(1)}</dd>
                                </dl>
                            </div>
                        </xf:if>
            
                        <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
                            <xf:macro template="forum_list" name="sub_nodes_menu"
                                arg-children="{$children}"
                                arg-childExtras="{$childExtras}"
                                arg-depth="{{ $depth + 1 }}" />
                        </xf:if>
                    </div>
            
                    <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
                        <xf:macro template="forum_list" name="sub_nodes_flat"
                            arg-children="{$children}"
                            arg-childExtras="{$childExtras}"
                            arg-depth="{{ $depth + 1 }}" />
                    </xf:if>
            
                    <xf:if is="$bonusInfo is not empty">
                        <div class="node-bonus">{$bonusInfo}</div>
                    </xf:if>
                </div>
                
                <div class="node-extra">
                    <xf:if is="{$extras.privateInfo}">
                        <span class="node-extra-placeholder">{{ phrase('private') }}</span>
                        <xf:elseif is="{$extras.LastThread}" />
                        <div class="node-extra-icon">
                            <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                                <xf:avatar user="{{ null }}" size="xs" />
                                <xf:else />
                                <xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
                            </xf:if>
                        </div>
                        <div class="node-extra-row">
                            <xf:if is="$extras.LastThread.isUnread()">
                                <a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
                                <xf:else />
                                <a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
                            </xf:if>
                        </div>
                        <div class="node-extra-row">
                            <ul class="listInline listInline--bullet">
                                <li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
                                <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                                    <li class="node-extra-user">{{ phrase('ignored_member') }}</li>
                                <xf:else />
                                    <li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
                                </xf:if>
                            </ul>
                        </div>
                    <xf:else />
                        <span class="node-extra-placeholder">{{ phrase('none') }}</span>
                    </xf:if>
                </div>
            
                <xf:if is="!{$extras.privateInfo}">
                    <div class="node-stats">
                        <div class="node-threads">
                            <div class="node-stats-bg" data-xf-init="tooltip" title="{{ phrase('threads') }}">               
                                {$extras.discussion_count|number_short(1)}
                                <div class="stats-mark"></div>
                            </div>
                        </div>
                        <div class="node-messages" data-xf-init="tooltip" title="{{ phrase('messages') }}"><i class="fas fa-comment-dots"></i> {$extras.message_count|number_short(1)}</div>
                    </div>
                </xf:if>
            </div>
        </xf:if>
        <xf:if is="(property('xmNodeLayout') == 'classicImage')">
            <div class="node-body">
    <xf:if is="{{ property('xtr_node_stats_hover') }}">   
    <div class="forum-node-icon">
        <span class="node-icon" aria-hidden="true"><i></i></span>
        <div class="forum_stats">
            <span class="node-icon-count">{$extras.discussion_count|number_short(1)}</span>
            <span class="node-icon-phrase">{{ phrase('threads') }}</span>
        </div>
    </div>
    <xf:else />
        <span class="node-icon" aria-hidden="true"><i></i></span>
    </xf:if>   
    <div class="node-main js-nodeMain">
        <xf:if is="$chooseName">
            <xf:checkbox standalone="true">
                <xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$node.node_id}" />
            </xf:checkbox>
        </xf:if>

        <xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
        <h3 class="node-title">
            <a href="{{ link('forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
        </h3>
        <xf:if is="$descriptionDisplay != 'none' && $node.description">
            <div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
        </xf:if>

        <div class="node-meta">
            <xf:if is="!{$extras.privateInfo}">
                <div class="node-statsMeta">
                    <dl class="pairs pairs--inline">
                        <dt>{{ phrase('threads') }}</dt>
                        <dd>{$extras.discussion_count|number_short(1)}</dd>
                    </dl>
                    <dl class="pairs pairs--inline">
                        <dt>{{ phrase('messages') }}</dt>
                        <dd>{$extras.message_count|number_short(1)}</dd>
                    </dl>
                </div>
            </xf:if>

            <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
                <xf:macro template="forum_list" name="sub_nodes_menu"
                    arg-children="{$children}"
                    arg-childExtras="{$childExtras}"
                    arg-depth="{{ $depth + 1 }}" />
            </xf:if>
        </div>

        <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
            <xf:macro template="forum_list" name="sub_nodes_flat"
                arg-children="{$children}"
                arg-childExtras="{$childExtras}"
                arg-depth="{{ $depth + 1 }}" />
        </xf:if>

        <xf:if is="$bonusInfo is not empty">
            <div class="node-bonus">{$bonusInfo}</div>
        </xf:if>
    </div>
    
    <xf:if is="!{$extras.privateInfo}">
        <div class="node-stats">
        <dl class="pairs pairs--rows">
            <dt>{{ phrase('threads') }}</dt>
            <dd>{$extras.discussion_count|number_short(1)}</dd>
        </dl>
        <dl class="pairs pairs--rows">
            <dt>{{ phrase('messages') }}</dt>
            <dd>{$extras.message_count|number_short(1)}</dd>
        </dl>
    </div>
    </xf:if>
    <div class="node_rss">
        <a href="{{ link('forums/index.rss', $node) }}" target="_blank" class="node-rssLink" title="{{ phrase('rss')|for_attr }}"><span aria-hidden="true"><xf:fa icon="fa-rss" /><span class="u-srOnly">{{ phrase('rss') }}</span></span></a>
    </div>
    <div class="node_more">
    <xf:button class="menuTrigger" data-xf-click="menu" aria-expanded="false" aria-haspopup="true"></xf:button>
    <div class="menu" data-menu="menu" aria-hidden="true">
        <div class="menu-content">
            <h3 class="menu-header">{{ phrase('quick_set') }}</h3>

            <xf:if is="$xf.visitor.user_id">   
                <a href="{{ link('forums/post-thread', $node) }}" class="menu-linkRow"><i class="fal fa-plus"></i> {{ phrase('post_thread...') }}</a>
            </xf:if>
            <a href="{{ link('threads/latest', $extras.LastThread) }}" class="menu-linkRow"><i class="fad fa-comments-alt"></i> {{ phrase('last_activity') }}</a>
        </div>
    </div>
    </div>   
    <div class="node-extra">
        <xf:if is="{$extras.privateInfo}">
            <span class="node-extra-placeholder">{{ phrase('private') }}</span>
            <xf:elseif is="{$extras.LastThread}" />
            <div class="node-extra-icon">
                <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                    <xf:avatar user="{{ null }}" size="xs" />
                    <xf:else />
                    <xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
                </xf:if>
            </div>
            <div class="node-extra-row">
                <xf:if is="$extras.LastThread.isUnread()">
                    <a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
                    <xf:else />
                    <a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
                </xf:if>
            </div>
            <div class="node-extra-row">
                <ul class="listInline listInline--bullet">
                    <li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
                    <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                        <li class="node-extra-user">{{ phrase('ignored_member') }}</li>
                    <xf:else />
                        <li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
                    </xf:if>
                </ul>
            </div>
        <xf:else />
            <span class="node-extra-placeholder">{{ phrase('none') }}</span>
        </xf:if>
    </div>
</div>
        </xf:if>
        <xf:if is="(property('xmNodeLayout') == 'dual')">
            <div class="node-body">
    <xf:if is="{{ property('xtr_node_stats_hover') }}">   
    <div class="forum-node-icon">
        <span class="node-icon" aria-hidden="true"><i></i></span>
        <div class="forum_stats">
            <span class="node-icon-count">{$extras.discussion_count|number_short(1)}</span>
            <span class="node-icon-phrase">{{ phrase('threads') }}</span>
        </div>
    </div>
    <xf:else />
        <span class="node-icon" aria-hidden="true"><i></i></span>
    </xf:if>   
    <div class="node-main js-nodeMain">
        <xf:if is="$chooseName">
            <xf:checkbox standalone="true">
                <xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$node.node_id}" />
            </xf:checkbox>
        </xf:if>

        <xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
        <h3 class="node-title">
            <a href="{{ link('forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
        </h3>
        <xf:if is="$descriptionDisplay != 'none' && $node.description">
            <div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
        </xf:if>

        <div class="node-meta">
            <xf:if is="!{$extras.privateInfo}">
                <div class="node-statsMeta">
                    <dl class="pairs pairs--inline">
                        <dt>{{ phrase('threads') }}</dt>
                        <dd>{$extras.discussion_count|number_short(1)}</dd>
                    </dl>
                    <dl class="pairs pairs--inline">
                        <dt>{{ phrase('messages') }}</dt>
                        <dd>{$extras.message_count|number_short(1)}</dd>
                    </dl>
                </div>
            </xf:if>

            <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
                <xf:macro template="forum_list" name="sub_nodes_menu"
                    arg-children="{$children}"
                    arg-childExtras="{$childExtras}"
                    arg-depth="{{ $depth + 1 }}" />
            </xf:if>
        </div>

        <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
            <xf:macro template="forum_list" name="sub_nodes_flat"
                arg-children="{$children}"
                arg-childExtras="{$childExtras}"
                arg-depth="{{ $depth + 1 }}" />
        </xf:if>

        <xf:if is="$bonusInfo is not empty">
            <div class="node-bonus">{$bonusInfo}</div>
        </xf:if>
    </div>
    
    <xf:if is="!{$extras.privateInfo}">
        <div class="node-stats">
        <dl class="pairs pairs--rows">
            <dt>{{ phrase('threads') }}</dt>
            <dd>{$extras.discussion_count|number_short(1)}</dd>
        </dl>
        <dl class="pairs pairs--rows">
            <dt>{{ phrase('messages') }}</dt>
            <dd>{$extras.message_count|number_short(1)}</dd>
        </dl>
    </div>
    </xf:if>
    <div class="node_rss">
        <a href="{{ link('forums/index.rss', $node) }}" target="_blank" class="node-rssLink" title="{{ phrase('rss')|for_attr }}"><span aria-hidden="true"><xf:fa icon="fa-rss" /><span class="u-srOnly">{{ phrase('rss') }}</span></span></a>
    </div>
    <div class="node_more">
    <xf:button class="menuTrigger" data-xf-click="menu" aria-expanded="false" aria-haspopup="true"></xf:button>
    <div class="menu" data-menu="menu" aria-hidden="true">
        <div class="menu-content">
            <h3 class="menu-header">{{ phrase('quick_set') }}</h3>

            <xf:if is="$xf.visitor.user_id">   
                <a href="{{ link('forums/post-thread', $node) }}" class="menu-linkRow"><i class="fal fa-plus"></i> {{ phrase('post_thread...') }}</a>
            </xf:if>
            <a href="{{ link('threads/latest', $extras.LastThread) }}" class="menu-linkRow"><i class="fad fa-comments-alt"></i> {{ phrase('last_activity') }}</a>
        </div>
    </div>
    </div>
</div>
<div class="node-extra">
    <xf:if is="{$extras.privateInfo}">
        <span class="node-extra-placeholder">{{ phrase('private') }}</span>
        <xf:elseif is="{$extras.LastThread}" />
        <div class="node-extra-icon">
            <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                <xf:avatar user="{{ null }}" size="xs" />
                <xf:else />
                <xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
            </xf:if>
        </div>
        <div class="node-extra-row">
            <xf:if is="$extras.LastThread.isUnread()">
                <a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
                <xf:else />
                <a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
            </xf:if>
        </div>
        <div class="node-extra-row">
            <ul class="listInline listInline--bullet">
                <li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
                <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
                    <li class="node-extra-user">{{ phrase('ignored_member') }}</li>
                    <xf:else />
                    <li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
                </xf:if>
            </ul>
        </div>
        <xf:else />
        <span class="node-extra-placeholder">{{ phrase('none') }}</span>
    </xf:if>
</div>
        </xf:if>
    </div>

    <xf:if is="{$depth} == 1">
        <xf:macro template="forum_list" name="node_list"
            arg-children="{$children}"
            arg-extras="{$childExtras}"
            arg-depth="{{ $depth + 1 }}" />
    </xf:if>
</xf:macro>

Il faudra rajouter dans extra.less

Less:
.node-body .node-icon, .node-body .no-icon {
    width: 60px;
    padding: 0;
    border-right: 1px solid #394369;
}

E voici ce que ça donne

Node layout: Default

pw1h.png


Node layout: Classic

jpbs.png


Node layout: Classic Image

heuf.png


Node layout: Dual Column

vcuf.png


Je précise qu'il fonctionne aussi sur les autres thèmes (Sauf si certains utilisent un autres code html)
 
Upvote 0
Solution
Contenu similaire Les plus vues Voir plus
Retour
Haut Bas