Tutorial Ajouter des icônes FA a votre block utilisateur

Bonjour, se tuto vous montre comment ajouter des icones FA dans votre block uttlisateur
pour avoir sa :



Dans votre template message_user_info

Chercher :

Code:

<xen:if is="@messageShowMessageCount AND {$user.user_id}">
  <dl class="pairsJustified">
  <dt>{xen:phrase messages}:</dt>
  <dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
  </dl>
  </xen:if>

  <xen:if is="@messageShowTotalLikes AND {$user.user_id}">
  <dl class="pairsJustified">
  <dt>{xen:phrase likes_received}:</dt>
  <dd>{xen:number $user.like_count}</dd>
  </dl>
  </xen:if>

  <xen:if is="@messageShowTrophyPoints AND {$user.user_id}">
  <dl class="pairsJustified">
  <dt>{xen:phrase trophy_points}:</dt>
  <dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
  </dl>
  </xen:if>

Et remplacer par :

Code:

<xen:if is="@messageShowMessageCount AND {$user.user_id}">
  <dl class="pairsInline">
  <dt><span class="fa fa-comments fa-fw Tooltip" title="{xen:phrase messages}"></span></dt>
  <dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
  </dl>
  </xen:if>

  <xen:if is="@messageShowTotalLikes AND {$user.user_id}">
  <dl class="pairsInline">
  <dt><span class="fa fa-thumbs-up fa-fw Tooltip" title="{xen:phrase likes_received}"></span></dt>
  <dd>{xen:number $user.like_count}</dd>
  </dl>
  </xen:if>

  <xen:if is="@messageShowTrophyPoints AND {$user.user_id}">
  <dl class="pairsInline">
  <dt><span class="fa fa-trophy fa-fw Tooltip" title="{xen:phrase trophy_points}"></span></dt>
  <dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
  </dl>
  </xen:if>

Ensuite dans votre template extra.css ajouter : ( Voir piece jointe )



Ensuite rendez vous dans les propriétés de style / éléments des messages et décocher tout sauf les 3 case comme sur l'image :



Voila ce tuto est terminer

 

Merci bien Monsieur pour le tuto

 

bravo mec pour ce tuto de fou

 

Merci pour cette modif par contre moi les info en dessou sont cacher je sais pas pk :\

 

Fait un screen

 

merci pour le tutorial super cool

 

merci pour le tutorial super cool

 

ha cool c est type tope ce que il me fallait

 

merci du partage pour ce tutoriel

 

Merci beaucoup sest se quil me fallait

 

thanks for the super cool tutorial

 

Merci pour le tuto sa va m'aider

 

merci gros tu gere de fou

 

Merci beaucoup pour le partage je kiffe trop

 

Lokiro
Messages:
35
J'aime reçus:
0
Points:
531
Merci pour cette modif par contre moi les info en dessou sont cacher je sais pas pk :\

 

Merciiii du partage c'est gentil je prend en compte

 

Merci pour ce magnifica tuto el pasion

 

merci du partage pour ce tutoriel

 

Merci pour ce partage de tutoriel