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

Tutorial étoile pivotante à coté du pseudonyme des membres

Discussion dans 'Modifications de templates' créé par Billazzo, 26 Juillet 2014.

Tags:
  1. Billazzo

    Billazzo Administrateur

    Messages:
    24 584
    J'aime reçus:
    110 156
    Points:
    13 043
    Salut communauté Billazzo

    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: 3 Octobre 2020
  2. Wez

    Wez Membre

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

    Zaekof Membre

    Messages:
    2
    J'aime reçus:
    2
    Points:
    2 273
    Merci (y)
     
  4. azertyuiop1234

    azertyuiop1234 Membre

    Messages:
    110
    J'aime reçus:
    19
    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. Billazzo

    Billazzo Administrateur

    Messages:
    24 584
    J'aime reçus:
    110 156
    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

    Messages:
    110
    J'aime reçus:
    19
    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
     
    Dernière édition par un modérateur: 3 Octobre 2020
  7. Billazzo

    Billazzo Administrateur

    Messages:
    24 584
    J'aime reçus:
    110 156
    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

    Messages:
    110
    J'aime reçus:
    19
    Points:
    2 473
    oui j'ai tout fait comme tu dit
     
    Dernière édition par un modérateur: 3 Octobre 2020
  9. Billazzo

    Billazzo Administrateur

    Messages:
    24 584
    J'aime reçus:
    110 156
    Points:
    13 043
    Ou est ce que tu mis le fichier Font awesone que tu as telecharger ?
     
  10. azertyuiop1234

    azertyuiop1234 Membre

    Messages:
    110
    J'aime reçus:
    19
    Points:
    2 473
    je les glisser dans le ficher public htlm
     
  11. Billazzo

    Billazzo Administrateur

    Messages:
    24 584
    J'aime reçus:
    110 156
    Points:
    13 043
    les as tu extrait au moins ?
     
  12. azertyuiop1234

    azertyuiop1234 Membre

    Messages:
    110
    J'aime reçus:
    19
    Points:
    2 473
    oui avant je les extrait sur mon bureau
     
  13. Billazzo

    Billazzo Administrateur

    Messages:
    24 584
    J'aime reçus:
    110 156
    Points:
    13 043
    Tu as du mal faire ton C/C ^^
     
  14. xBrGfr

    xBrGfr Membre

    Messages:
    1
    J'aime reçus:
    0
    Points:
    2 271
    Billazzo 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
     
    Dernière édition par un modérateur: 3 Octobre 2020
  15. swiizmodder

    swiizmodder Membre

    Messages:
    1
    J'aime reçus:
    0
    Points:
    2 271
    Si je veux modifier l'etoile par un autre signe comment je fais?
     
    Dernière édition par un modérateur: 3 Octobre 2020
  16. Billazzo

    Billazzo Administrateur

    Messages:
    24 584
    J'aime reçus:
    110 156
    Points:
    13 043
    Change sa f005 :eek:k:
     
    1 personne aime cela.
  17. Billazzo

    Billazzo Administrateur

    Messages:
    24 584
    J'aime reçus:
    110 156
    Points:
    13 043
    Lis bien le Tutorial ! pour importation de FontAwesome
     
    Dernière édition: 3 Octobre 2020
    1 personne aime cela.
  18. GregMod

    GregMod Développeur/Cryptographe Premium Membre

    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é. ;)
     
    Dernière édition par un modérateur: 3 Octobre 2020
    2 personnes aiment ça.
  19. Sil3nt3ye

    Sil3nt3ye Membre

    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 Membre

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

Partager cette page