Tutorial Ajouter des icônes FA a votre block utilisateur

Discussion dans 'Modifications de templates' créé par ℓ๏я€ɲƶ๏, 18 Septembre 2016.

  1. ℓ๏я€ɲƶ๏

    ℓ๏я€ɲƶ๏ Membre

    Messages:
    308
    J'aime reçus:
    156
    Points:
    1 693
    Inscrit:
    17 Avril 2016
    Bonjour, se tuto vous montre comment ajouter des icones FA dans votre block uttlisateur
    pour avoir sa :

    NlqnH24qKUzhbI5roAn3insPcMNAwpGt.png

    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 :

    NlqnH24qKUzhbI5roAn3insPcMNAwpGt.png

    Voila ce tuto est terminer
     

    Fichiers jointes:

    Dernière édition par un modérateur: 19 Avril 2017
  2. anisat

    anisat Membre

    Messages:
    8
    J'aime reçus:
    0
    Points:
    21
    Inscrit:
    31 Mars 2017
    Merci bien Monsieur pour le tuto
     
  3. alicia

    alicia Membre

    Messages:
    18
    J'aime reçus:
    1
    Points:
    33
    Inscrit:
    23 Mai 2017
    bravo mec pour ce tuto de fou
     
    ℓ๏я€ɲƶ๏ apprécie ceci.
  4. Lokiro

    Lokiro Membre

    Messages:
    38
    J'aime reçus:
    0
    Points:
    531
    Inscrit:
    7 Novembre 2016
    Merci pour cette modif par contre moi les info en dessou sont cacher je sais pas pk :\
     
  5. ℓ๏я€ɲƶ๏

    ℓ๏я€ɲƶ๏ Membre

    Messages:
    308
    J'aime reçus:
    156
    Points:
    1 693
    Inscrit:
    17 Avril 2016
    Fait un screen
     
  6. billal123

    billal123 Membre

    Messages:
    9
    J'aime reçus:
    0
    Points:
    31
    Inscrit:
    1 Septembre 2017
    merci pour le tutorial super cool
     
  7. tiago789456123

    tiago789456123 Membre

    Messages:
    14
    J'aime reçus:
    0
    Points:
    2 271
    Inscrit:
    3 Décembre 2016
    merci pour le tutorial super cool
     
  8. WitherGame

    WitherGame Membre

    Messages:
    121
    J'aime reçus:
    6
    Points:
    586
    Inscrit:
    11 Août 2016
    ha cool c est type tope ce que il me fallait
     
  9. Agent-K

    Agent-K Membre

    Messages:
    95
    J'aime reçus:
    7
    Points:
    58
    Inscrit:
    9 Mai 2017
    merci du partage pour ce tutoriel
     
  10. Mehrez71

    Mehrez71 Membre

    Messages:
    45
    J'aime reçus:
    1
    Points:
    33
    Inscrit:
    29 Octobre 2017
    Merci beaucoup sest se quil me fallait
     
  11. Tarikia

    Tarikia Membre

    Messages:
    19
    J'aime reçus:
    1
    Points:
    31
    Inscrit:
    17 Août 2017
    thanks for the super cool tutorial
     
  12. Zephyr

    Zephyr Membre

    Messages:
    28
    J'aime reçus:
    2
    Points:
    2 281
    Inscrit:
    26 Janvier 2015
    Merci pour le tuto sa va m'aider
     
  13. AntoinePOIRIER

    AntoinePOIRIER Membre

    Messages:
    42
    J'aime reçus:
    0
    Points:
    31
    Inscrit:
    27 Octobre 2017
    merci gros tu gere de fou
     
  14. xavierland

    xavierland Membre

    Messages:
    48
    J'aime reçus:
    0
    Points:
    1 281
    Inscrit:
    13 Avril 2017
    Merci beaucoup pour le partage je kiffe trop
     
  15. Shampoing

    Shampoing Membre

    Messages:
    50
    J'aime reçus:
    0
    Points:
    556
    Inscrit:
    28 Mars 2018
    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 :\
     
    Dernière édition par un modérateur: 17 Novembre 2021
  16. CookyyFR

    CookyyFR Membre

    Messages:
    37
    J'aime reçus:
    0
    Points:
    31
    Inscrit:
    5 Septembre 2018
    Merciiii du partage c'est gentil je prend en compte
     
  17. ZerooTwo

    ZerooTwo Membre

    Messages:
    17
    J'aime reçus:
    0
    Points:
    21
    Inscrit:
    11 Décembre 2018
    Merci pour ce magnifica tuto el pasion
     
  18. GOKUSH

    GOKUSH Membre

    Messages:
    60
    J'aime reçus:
    0
    Points:
    1 306
    Inscrit:
    3 Juin 2017
    merci du partage pour ce tutoriel
     
  19. r00tkitfivem

    r00tkitfivem Membre

    Messages:
    32
    J'aime reçus:
    0
    Points:
    21
    Inscrit:
    4 Octobre 2019
    Merci pour ce partage de tutoriel
     

Partager cette page

  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.