Tutorial étoile pivotante à coté du pseudonyme des membres

Discussion dans 'Modifications de templates' créé par Sι∂яα∂ι, 25 Juillet 2014.

Tags:
  1. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 600
    Points:
    13 043
    Salut communauté iHaxGlobal

    Voici comment procéder afin d'avoir une petite étoile pivotante à coté du pseudonyme des membres d'un groupe précis, dans vos messages.

    Il te faut télécharger l'archive ici Font Awesome, the iconic font and CSS framework tu décompresse le dossier à la racine de ton dossier "forum".
    Dans le template page_container_js_head, Chercher ceci :

    Code:
    <!--XenForo_Require:JS-->
    Ajoutez en dessous de ceci, Cela:

    Code:
    <link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css">
    Et enfin, dirigez vous dans le template EXTRA.css, et ajoutez cette class:

    Contenu caché:
    Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.
    Remplacez .style3, par l'ID du groupe qui est visé, ici dans cet exemple je vise le groupe administrateur, qui à comme ID le groupe 3, donc j'ai mis .style3.

    Ce tutoriel touche à sa fin
     
    Dernière édition: 16 Novembre 2021
  2. Wez

    Wez Membre

    Inscrit:
    21 Juillet 2014
    Messages:
    5
    J'aime reçus:
    0
    Points:
    2 271
    Sa marche merci :p
     
  3. Zaekof

    Zaekof Membre

    Inscrit:
    25 Août 2014
    Messages:
    2
    J'aime reçus:
    2
    Points:
    2 273
    Merci (y)
     
  4. azertyuiop1234

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    Messages:
    110
    J'aime reçus:
    20
    Points:
    2 473
    Moi sa fait un carré a coter du nom et dans le block liste des groupe d'utilisateur il y a meme pas le carré
     
  5. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 600
    Points:
    13 043
    Font Awesome tu ne l'as pas mis dans ton FTP
    Bien relis le tutoriel au complet, tu y arriveras
     
  6. azertyuiop1234

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    Messages:
    110
    J'aime reçus:
    20
    Points:
    2 473
    j'ai tout fait comme ses dit ainsi le truc sur le ftp même un pote qui a xenforo ni arrive pas sa fait un carré et non une etoile rt sa tourne pas seul en doit mettre la souris dessus
     
  7. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 600
    Points:
    13 043
    As tu mis sa ?
    Dans le template page_container_js_head, Chercher ceci :
    Code:
    <!--XenForo_Require:JS-->
    ajoutez en dessous de ceci, Cela:
    Code:
    <link rel="stylesheet" href="font-awesome-4.1.0/css/font-awesome.min.css">
     
  8. azertyuiop1234

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    Messages:
    110
    J'aime reçus:
    20
    Points:
    2 473
    oui j'ai tout fait comme tu dit
     
  9. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 600
    Points:
    13 043
    Ou est ce que tu mis le fichier Font awesone que tu as telecharger ?
     
  10. azertyuiop1234

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    Messages:
    110
    J'aime reçus:
    20
    Points:
    2 473
    je les glisser dans le ficher public htlm
     
  11. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 600
    Points:
    13 043
    les as tu extrait au moins ?
     
  12. azertyuiop1234

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    Messages:
    110
    J'aime reçus:
    20
    Points:
    2 473
    oui avant je les extrait sur mon bureau
     
  13. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 600
    Points:
    13 043
    Tu as du mal faire ton C/C ^^
     
  14. xBrGfr

    xBrGfr Membre

    Inscrit:
    1 Janvier 2015
    Messages:
    1
    J'aime reçus:
    0
    Points:
    2 271
    Sidradi moi j'arrive pas a mettre l'étoile que tu fais sur se tuto sur la garde Ancien Staff Partenaire et VIP :( dans la légende des groupe d'utilisateurs http://prntscr.com/5nocei
     
  15. swiizmodder

    swiizmodder Membre

    Inscrit:
    14 Novembre 2014
    Messages:
    1
    J'aime reçus:
    0
    Points:
    2 271
    Si je veux modifier l'etoile par un autre signe comment je fais?
     
  16. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 600
    Points:
    13 043
    Change sa f005 :eek:k:
     
    1 personne aime cela.
  17. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 600
    Points:
    13 043
    Lis bien le Tutorial ! pour importation de FontAwesome
     
    1 personne aime cela.
  18. GregMod

    GregMod Développeur/Cryptographe Premium

    Inscrit:
    24 Octobre 2014
    Messages:
    63
    J'aime reçus:
    18
    Points:
    2 343
    Salut je crois savoir pourquoi sa ne marche pas dans ce code http://prntscr.com/71s3i4 tu as laisser cette version alors qu'a mon avis tu as télécharger celle ci http://prntscr.com/71s4r2 alors tout simplement modifie le nom dans le code cet-a dire :
    Code:
    <link rel="stylesheet" href="font-awesome-4.3.0/css/font-awesome.min.css">
    Tout simplement voila j’espère t'avoir aidé. ;)
     
    2 personnes aiment ça.
  19. Sil3nt3ye

    Sil3nt3ye Membre

    Inscrit:
    19 Mars 2015
    Messages:
    5
    J'aime reçus:
    3
    Points:
    1 273
    Merci beaucoups c'était tout con mais tu as raison ^^
     
  20. GregMod

    GregMod Développeur/Cryptographe Premium

    Inscrit:
    24 Octobre 2014
    Messages:
    63
    J'aime reçus:
    18
    Points:
    2 343
    Pas de soucis ;)
     

Partager cette page

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