Tutorial étoile pivotante à coté du pseudonyme des membres

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

Tags:
Page 1 sur 6
  1. Zallic

    Zallic Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    23 810
    J'aime reçus:
    108 777
    Points:
    13 043
    Salut communauté iHax

    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
     
    Zallic, 26 Juillet 2014
    #1
    Dadamien, Asksds, Léa.B et 38 autres personnes aiment ça.
  2. Wez

    Wez Membre

    Inscrit:
    21 Juillet 2014
    Messages:
    5
    J'aime reçus:
    0
    Points:
    2 271
    Sa marche merci :p
     
    Wez, 6 Août 2014
    #2
  3. Zaekof

    Zaekof Membre

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

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    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é
     
    azertyuiop1234, 7 Septembre 2014
    #4
  5. Zallic

    Zallic Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    23 810
    J'aime reçus:
    108 777
    Points:
    13 043
    Font Awesome tu ne l'as pas mis dans ton FTP
    Bien relis le tutoriel au complet, tu y arriveras
     
    Zallic, 10 Septembre 2014
    #5
  6. azertyuiop1234

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    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
     
    azertyuiop1234, 10 Septembre 2014
    #6
  7. Zallic

    Zallic Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    23 810
    J'aime reçus:
    108 777
    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">
     
    Zallic, 10 Septembre 2014
    #7
  8. azertyuiop1234

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    Messages:
    110
    J'aime reçus:
    19
    Points:
    2 473
    oui j'ai tout fait comme tu dit
     
    azertyuiop1234, 10 Septembre 2014
    #8
  9. Zallic

    Zallic Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    23 810
    J'aime reçus:
    108 777
    Points:
    13 043
    Ou est ce que tu mis le fichier Font awesone que tu as telecharger ?
     
    Zallic, 10 Septembre 2014
    #9
  10. azertyuiop1234

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    Messages:
    110
    J'aime reçus:
    19
    Points:
    2 473
    je les glisser dans le ficher public htlm
     
    azertyuiop1234, 10 Septembre 2014
    #10
  11. Zallic

    Zallic Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    23 810
    J'aime reçus:
    108 777
    Points:
    13 043
    les as tu extrait au moins ?
     
    Zallic, 11 Septembre 2014
    #11
  12. azertyuiop1234

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    Messages:
    110
    J'aime reçus:
    19
    Points:
    2 473
    oui avant je les extrait sur mon bureau
     
    azertyuiop1234, 11 Septembre 2014
    #12
  13. Zallic

    Zallic Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    23 810
    J'aime reçus:
    108 777
    Points:
    13 043
    Tu as du mal faire ton C/C ^^
     
    Zallic, 12 Septembre 2014
    #13
  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
     
    xBrGfr, 2 Janvier 2015
    #14
  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?
     
    swiizmodder, 14 Février 2015
    #15
  16. Zallic

    Zallic Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    23 810
    J'aime reçus:
    108 777
    Points:
    13 043
    Change sa f005 :eek:k:
     
    Zallic, 12 Avril 2015
    #16
    1 personne aime cela.
  17. Zallic

    Zallic Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    23 810
    J'aime reçus:
    108 777
    Points:
    13 043
    Lis bien le Tutorial ! pour importation de FontAwesome
     
    Zallic, 12 Avril 2015
    #17
    1 personne aime cela.
  18. GregMod

    GregMod Développeur/Cryptographe Premium Membre

    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é. ;)
     
    GregMod, 5 Mai 2015
    #18
    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 ^^
     
    Sil3nt3ye, 26 Mai 2015
    #19
  20. GregMod

    GregMod Développeur/Cryptographe Premium Membre

    Inscrit:
    24 Octobre 2014
    Messages:
    63
    J'aime reçus:
    18
    Points:
    2 343
    Pas de soucis ;)
     
    GregMod, 28 Mai 2015
    #20
Page 1 sur 6

Partager cette page

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