Template 2.X Ajouter des icônes Font Awesome dans le menu visiteur

[GERINO]

Salut à toi membre de Inso !

Dans votre template account_visitor_menu chercher :​

[HIDE]

                <xf:usertitle user="$xf.visitor" />
            </div>

            <div class="contentRow-minor">
                <!--[XF:stats_pairs:above_messages]-->
                <dl class="pairs pairs--justified fauxBlockLink">
                    <dt>{{ phrase('messages') }}</dt>
                    <dd>
                        <a href="{{ link('search/member', null, {'user_id': $xf.visitor.user_id}) }}" class="fauxBlockLink-linkRow u-concealed">
                            {$xf.visitor.message_count|number}
                        </a>
                    </dd>
                </dl>
                <!--[XF:stats_pairs:above_likes]-->
                <dl class="pairs pairs--justified fauxBlockLink">
                    <dt>{{ phrase('likes') }}</dt>
                    <dd>
                        <a href="{{ link('account/likes') }}" class="fauxBlockLink-linkRow u-concealed">
                            {$xf.visitor.like_count|number}
                        </a>
                    </dd>
                </dl>
                <!--[XF:stats_pairs:above_points]-->
                <xf:if is="$xf.options.enableTrophies">
                    <dl class="pairs pairs--justified fauxBlockLink">
                        <dt>{{ phrase('trophy_points') }}</dt>
                        <dd>
                            <a href="{{ link('members/trophies', $xf.visitor) }}" data-xf-click="overlay" class="fauxBlockLink-linkRow u-concealed">
                                {$xf.visitor.trophy_points|number}
                            </a>
                        </dd>
                    </dl>
                </xf:if>

[/HIDE]

Remplacer par ce code :​

[HIDE]

<div class="ig_userinfo_b4">
    <div class="ig_userinfo_b4_2" style="padding-bottom: 5px;">
      <div style="color: rgb(150,150,150);">
        <span class=" ig_userinfo_b4_m"=""><i class="fa fa-comments fa-fw Tooltip" data-offsetx="-6" data-offsety="0"></i>{{ phrase('messages') }}</span>
      </div>
      <div>
        <span style="font-size: 15px;"><a href="{{ link('search/member', null, {'user_id': $xf.visitor.user_id}) }}" class="fauxBlockLink-linkRow u-concealed">{$user.message_count|number}</a></span>
      </div>
    </div>

     <div class="left ig_userinfo_b4_1">
        <div style="color: rgb(150,150,150);"><span class=" ig_userinfo_b4_m"=""><i class="fa fa-thumbs-up fa-fw Tooltip" data-offsetx="-6" data-offsety="0"></i>{{ phrase('likes') }}</span>
      </div>
      <div>
      <span style="font-size: 15px;"><a href="{{ link('account/likes') }}" class="fauxBlockLink-linkRow u-concealed">
                            {$xf.visitor.like_count|number}</a></span>
     </div>
    </div>

    <div class="right ig_userinfo_b4_1">
      <div style="color: rgb(150,150,150);"><span class=" ig_userinfo_b4_m"=""><i class="fa fa-trophy fa-fw Tooltip" data-offsetx="-6" data-offsety="0"></i>{{ phrase('points') }}</span>
      </div>
      <div><span style="font-size: 15px;"><a href="{{ link('members/trophies', $xf.visitor) }}" data-xf-click="overlay" class="fauxBlockLink-linkRow u-concealed">{$xf.visitor.trophy_points|number}</a></span></div>
    </div>
   </div>

[/HIDE]

Dans votre template extra.less ajoutez ces codes :​

[HIDE]

.ig_userinfo_b4 {
    overflow: hidden;
    text-align: center;
        margin-top: 5px;
}
.ig_userinfo_b4 {
    overflow: hidden;
    text-align: center;
}
.ig_userinfo_b4_2 {
    width: 100%;
}
.ig_userinfo_b4_1 {
    width: 50%;
}
.left {
    float: left;
}
.right {
    float: right;
}

[/HIDE]

Résultat :
​

Bonne modification à vous, crédit : laurent68 ! :D​

GERINO,​

 

[Meezix]

Salut, merci pour ton partage l'ami ;)