résolu aide nodeicontweak

lagrace · 30 Janvier 2022

bonjour comment faire avec l addon xfa-node icon tweak pour centrer les icones avec le collapse encore un casse tete merci

voici le modification template.xml du nodeicontweak

Code:

<?xml version="1.0" encoding="utf-8"?>
<template_modifications>
  <modification type="admin" template="category_edit" modification_key="xfa_nit_category_edit" description="Add node icon edit in category" execution_order="10" enabled="1" action="preg_replace">
    <find><![CDATA[#<xf:macro template="node_edit_macros" name="navigation".*\/>#sU]]></find>
    <replace><![CDATA[$0
            <xf:macro template="xfa_nit_node_edit_macros" name="xfa_nit" arg-node="{$node}" arg-serverIconsData="{$serverIconsData}" arg-showSecondIcon="{$showSecondIcon}" />]]></replace>
  </modification>
  <modification type="admin" template="forum_edit" modification_key="xfa_nit_forum_edit" description="Add node icon edit in forum" execution_order="10" enabled="1" action="preg_replace">
    <find><![CDATA[#<xf:macro template="node_edit_macros" name="navigation".*\/>#sU]]></find>
    <replace><![CDATA[$0
            <xf:macro template="xfa_nit_node_edit_macros" name="xfa_nit" arg-node="{$node}" arg-serverIconsData="{$serverIconsData}" arg-showSecondIcon="{$showSecondIcon}" />]]></replace>
  </modification>
  <modification type="admin" template="link_forum_edit" modification_key="xfa_nit_link_forum_edit" description="Add node icon edit in link forum" execution_order="10" enabled="1" action="preg_replace">
    <find><![CDATA[#<xf:macro template="node_edit_macros" name="position".*\/>#sU]]></find>
    <replace><![CDATA[$0
            <xf:macro template="xfa_nit_node_edit_macros" name="xfa_nit" arg-node="{$node}" arg-serverIconsData="{$serverIconsData}" arg-showSecondIcon="{$showSecondIcon}" />]]></replace>
  </modification>
  <modification type="admin" template="node_list" modification_key="xfa_nit_node_list" description="Add icon in admincp" execution_order="10" enabled="1" action="preg_replace">
    <find><![CDATA[#<xf:cell class="dataList-cell--min"><i class="nodeIcon nodeIcon--.*</xf:cell>#sU]]></find>
    <replace><![CDATA[<xf:if is="{$xf.options.xfa_nit_showIconsInACP} && {$node.xfa_nit_type} != 0">
                            <xf:cell class="dataList-cell--icon"><xf:include template="xfa_nit_node_list" /></xf:cell>
                            <xf:else />
                            $0
                            </xf:if>]]></replace>
  </modification>
  <modification type="public" template="node_list_category" modification_key="xfa_nit_node_list_category" description="Handle node icon for category" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[<span class="node-icon" aria-hidden="true"><i></i></span>]]></find>
    <replace><![CDATA[<xf:include template="xfa_nit_node_list" />]]></replace>
  </modification>
  <modification type="public" template="node_list_category" modification_key="xfa_nit_node_list_category_2" description="Handle node icon for first level categories" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[<h2 class="block-header">]]></find>
    <replace><![CDATA[$0<xf:include template="xfa_nit_node_list" />]]></replace>
  </modification>
  <modification type="public" template="node_list_category" modification_key="xfa_nit_node_list_category_3" description="Add node--id* class to subnode" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[subNodeLink--category]]></find>
    <replace><![CDATA[$0 node--id{$node.node_id}]]></replace>
  </modification>
  <modification type="public" template="node_list_category" modification_key="xfa_nit_node_list_category_4" description="Handle icons for category small" execution_order="10" enabled="1" action="preg_replace">
    <find><![CDATA[#(subNodeLink.*>)(.*<\/a>)#]]></find>
    <replace><![CDATA[$1<xf:include template="xfa_nit_node_list_small" />$2]]></replace>
  </modification>
  <modification type="public" template="node_list_forum" modification_key="xfa_nit_node_list_forum" description="Handle node icon for forum" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[<span class="node-icon" aria-hidden="true"><i></i></span>]]></find>
    <replace><![CDATA[<xf:include template="xfa_nit_node_list" />]]></replace>
  </modification>
  <modification type="public" template="node_list_forum" modification_key="xfa_nit_node_list_forum_2" description="Add node--id* class to subnode" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[subNodeLink--forum]]></find>
    <replace><![CDATA[$0 node--id{$node.node_id}]]></replace>
  </modification>
  <modification type="public" template="node_list_forum" modification_key="xfa_nit_node_list_forum_3" description="Handle icons for forum small" execution_order="10" enabled="1" action="preg_replace">
    <find><![CDATA[#(subNodeLink.*>)(.*<\/a>)#]]></find>
    <replace><![CDATA[$1<xf:include template="xfa_nit_node_list_small" />$2]]></replace>
  </modification>
  <modification type="public" template="node_list_link_forum" modification_key="xfa_nit_node_list_link_forum" description="Handle node icon for link forum" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[<span class="node-icon" aria-hidden="true"><i></i></span>]]></find>
    <replace><![CDATA[<xf:include template="xfa_nit_node_list" />]]></replace>
  </modification>
  <modification type="public" template="node_list_link_forum" modification_key="xfa_nit_node_list_link_forum_2" description="Add node--id* class to subnode" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[subNodeLink--link]]></find>
    <replace><![CDATA[$0 node--id{$node.node_id}]]></replace>
  </modification>
  <modification type="public" template="node_list_link_forum" modification_key="xfa_nit_node_list_link_forum_3" description="Handle icons for link forum small" execution_order="10" enabled="1" action="preg_replace">
    <find><![CDATA[#(subNodeLink.*>)(.*<\/a>)#]]></find>
    <replace><![CDATA[$1<xf:include template="xfa_nit_node_list_small" />$2]]></replace>
  </modification>
  <modification type="public" template="node_list_page" modification_key="xfa_nit_node_list_page" description="Handle node icon for page" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[<span class="node-icon" aria-hidden="true"><i></i></span>]]></find>
    <replace><![CDATA[<xf:include template="xfa_nit_node_list" />]]></replace>
  </modification>
  <modification type="public" template="node_list_page" modification_key="xfa_nit_node_list_page_2" description="Add node--id* class to subnode" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[subNodeLink--page]]></find>
    <replace><![CDATA[$0 node--id{$node.node_id}]]></replace>
  </modification>
  <modification type="public" template="node_list_page" modification_key="xfa_nit_node_list_page_3" description="Handle icons for page small" execution_order="10" enabled="1" action="preg_replace">
    <find><![CDATA[#(subNodeLink.*>)(.*<\/a>)#]]></find>
    <replace><![CDATA[$1<xf:include template="xfa_nit_node_list_small" />$2]]></replace>
  </modification>
  <modification type="admin" template="page_edit" modification_key="xfa_nit_page_edit" description="Add node icon edit in page" execution_order="10" enabled="1" action="preg_replace">
    <find><![CDATA[#<xf:macro template="node_edit_macros" name="navigation".*\/>#sU]]></find>
    <replace><![CDATA[$0
            <xf:macro template="xfa_nit_node_edit_macros" name="xfa_nit" arg-node="{$node}" arg-serverIconsData="{$serverIconsData}" arg-showSecondIcon="{$showSecondIcon}" />]]></replace>
  </modification>
</template_modifications>

et voici celui du collapse

Code:

<?xml version="1.0" encoding="utf-8"?>
<template_modifications>
  <modification type="public" template="node_list.less" modification_key="Collapsible_Category_css" description="CSS to stylize Collapsible category" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[    li li .subNodeLink { padding-left: 1.5em; }
    li li li .subNodeLink { padding-left: 3em; }
    li li li li .subNodeLink { padding-left: 4.5em; }
    li li li li li .subNodeLink { padding-left: 6em; }
    li li li li li li .subNodeLink { padding-left: 7.5em; }
}]]></find>
    <replace><![CDATA[$0
/* Node Collapse */
.block--category
{
    .collapseTrigger
    {
        opacity: 0.5;
        transition: opacity 0.3s;
        margin-right: 10px;
        &.is-active:before
        {
            content: "\f205";
            transform: scale(-1, 1);
            
        }
        &:before
        {
            content: "\f205";
            font-size: 80%;
        }
    }
    .block-container:hover .collapseTrigger
    {
        opacity: 1;
    }
}

.collapsible-nodes
{
        .block-header
        {
            display: flex;
        }
        .block-header--left
        {
            margin-right: auto;
            max-width: 100%;
        }
}

.block-body.block-body--collapsible
{
    transition: all 0.75s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -webkit-transition-property: all, -xf-opacity;
    transition-property: all, -xf-opacity;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height;
}]]></replace>
  </modification>
  <modification type="public" template="node_list_category" modification_key="2nd_tm" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[<h2 class="block-header">
]]></find>
    <replace><![CDATA[$0
<div class="block-header--left">
]]></replace>
  </modification>
  <modification type="public" template="node_list_category" modification_key="3rd_tm" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[<xf:if is="{$node.description}"><span class="block-desc">{$node.description|raw}</span></xf:if>
]]></find>
    <replace><![CDATA[$0</div>]]></replace>
  </modification>
  <modification type="public" template="node_list_category" modification_key="4th_tm" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[            </h2>]]></find>
    <replace><![CDATA[<span id="collapse-{$node.node_id}" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-storage-expiry="31556926" data-target=".block--category{$node.node_id} .block-body" data-storage-key="_node-{$node.node_id}"></span>
$0]]></replace>
  </modification>
  <modification type="public" template="node_list_category" modification_key="5th_tm" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[<div class="block-body">]]></find>
    <replace><![CDATA[<div class="block-body block-body--collapsible {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}">]]></replace>
  </modification>
  <modification type="public" template="node_list_category" modification_key="Collapsible_Category" description="modification to add Collapsible Category to node list" execution_order="10" enabled="1" action="str_replace">
    <find><![CDATA[<div class="block block--category block--category{$node.node_id}">]]></find>
    <replace><![CDATA[<div class="block block--category block--category{$node.node_id} collapsible-nodes">]]></replace>
  </modification>
</template_modifications>

MasterMan · 30 Janvier 2022

Hello @lagrace,

essai avec ceci

CSS:

.block--category .block-header .xfa-nit-node-icon { margin: auto; }

ou

CSS:

.block--category .block-header--left .xfa-nit-node-icon { margin: auto; }

lagrace · 30 Janvier 2022

ceci

CSS:

.block--category .block-header .xfa-nit-node-icon {
    margin: auto;
}

donne ceci

et ceci

CSS:

.block--category .block-header--left .xfa-nit-node-icon {
    margin: auto;
}

donne ceci

MasterMan · 31 Janvier 2022

@lagrace, tu pourrais donner le nom du thème que tu utilises.

lagrace · 31 Janvier 2022

le theme par defaut et xenforo 2.1.8 patch2

MasterMan · 31 Janvier 2022

Ok, j'installe cette version et quelle est la version de XFA-NodesIconTweak.

lagrace · 31 Janvier 2022

j ai le core 1.7.1 et nodes 3.0.2a

MasterMan · 1 Février 2022

Essai avec ceci

CSS:

.block--category .block-header { text-align: center; .xfa-nit-node-icon { display: block; margin-left: auto; } }

laurent68 · 1 Février 2022

lagrace a dit:
j ai le core 1.7.1 et nodes 3.0.2a

Moi j'ai tester avec le core 1.7.0, nodes 3.0.7 et CollapsibleCategory 2.5.0 et c'est pas compatible : Screenshot

laurent68 · 1 Février 2022

@MasterMan ton code fonctionne chez moi : Screenshot

lagrace · 1 Février 2022

@MasterMan merci mon ami cela fonctionne vous etes des as toi et laurent

laurent68 · 1 Février 2022

lagrace a dit:
@MasterMan merci mon ami cela fonctionne vous etes des as toi et laurent

Tu peux cliqué sur la réponse qui a résolu ton probleme Screenshot
Comme ça sa met automatiquement la question en résolu

lagrace · 1 Février 2022

oufti sait cool

ce truc

	résolu aide nodeicontweak+theme nulumia MasterMan 8 Février 2022 Questions & Aides
	résolu aide pour un widget Smallville 21 Janvier 2019 Questions & Aides
	résolu aide chat BoussaSaKa 9 Mai 2020 Questions & Aides
	résolu Aide suppression addons invite-system Mister Nass 25 Avril 2020 Questions & Aides
	résolu Aide Pour siropu chat box 2.0.24 Smallville 29 Juin 2019 Questions & Aides

résolu aide nodeicontweak

Add-on xenforo 2

Styles xenforo 2

Templates xenforo 2

Section Premium

résolu aide nodeicontweak

lagrace

À propos de nous

Statistiques en ligne

Partager cette page

résolu aide nodeicontweak

Add-on xenforo 2

Styles xenforo 2

Templates xenforo 2

Section Premium

résolu aide nodeicontweak

À propos de nous

Statistiques en ligne

Partager cette page

Restez connecté