Tutorial Ajouter des icônes FontAwesome aux Préfixes de discussions

Discussion dans 'Modifications de templates' créé par Sι∂яα∂ι, 2 Octobre 2016.

  1. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    25 414
    J'aime reçus:
    112 755
    Points:
    13 043
    Salut communauté iHaxForum

    Au cours de ce petit tutoriel je vais vous expliquer comment ajouter des icônes FontAwesome aux Préfixes de discussions.

    Exemple :

    upload_2016-10-2_18-32-4.png

    Etape 1 :

    Tout d'abord il faut s'assurer d'avoir ajouter le CSS FontAwesome :
    Dans le template page_container_js_head, Chercher ceci :
    Code:
    <!--XenForo_Require:JS-->
    Ajoutez en dessous de ceci, Cela:
    Code:
    <link rel="stylesheet" href="
    https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
    Etape 2 :

    Sur l'adminCP, cliquer sur l'onglet : Applications
    Sur la barre latérale gauche cliquez sur "Préfixes de discussions"

    upload_2016-10-2_18-39-52.png

    Puis cliquez sur : + Créer un nouveau préfixe de discussion

    upload_2016-10-2_18-40-40.png

    Titre : vous définissez le titre, exemple : Android
    Afficher l'effet de style : cocher :
    • Autre, utilisation personnalisé du nom de la class CSS:
    Puis dans le champs de saisi, vous allez définir la classe CSS du préfixe qu'on vient de créer.
    Exemple :
    Code:
    prefix prefixAndroid
    upload_2016-10-2_18-41-41.png

    Dans le template Extra.CSS vous allez ajouter :

    Contenu caché:
    Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.
    Résultat :

    upload_2016-10-2_18-46-32.png

    Ce Tutoriel Touche sa fin !! :neo:
     
    Dernière édition: 20 Février 2021
  2. GoTWaR

    GoTWaR ♈Graphiste certifié ♈ Premium Membre

    Inscrit:
    18 Mai 2016
    Messages:
    228
    J'aime reçus:
    448
    Points:
    2 723
    Mise a jour de l'ancien Topic ? :ninja:
     
  3. SyTry

    SyTry Ancien Staff Membre

    Inscrit:
    13 Octobre 2015
    Messages:
    789
    J'aime reçus:
    3 575
    Points:
    3 793
    Sympa je connais mais je voulais voir si c'étais la même manière :)
     
  4. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    25 414
    J'aime reçus:
    112 755
    Points:
    13 043
    Il y a une deuxième méthode qui ne nécessite pas a faire tout sa :)
    Ni d'ajouter quoi que ce soit sur EXTRA.CSS
     
  5. xfhan

    xfhan Membre

    Inscrit:
    20 Septembre 2016
    Messages:
    54
    J'aime reçus:
    0
    Points:
    556
    merci admin pour tous vous travaille ici
     
  6. Valfunde

    Valfunde Membre

    Inscrit:
    14 Octobre 2016
    Messages:
    7
    J'aime reçus:
    0
    Points:
    521
    Merci pour ce tuto qui permet de mettre les fA. :)
     
  7. BlackOking

    BlackOking Membre

    Inscrit:
    6 Octobre 2016
    Messages:
    15
    J'aime reçus:
    0
    Points:
    531
    Merci pour l'astuce !
     
  8. ps3demoi

    ps3demoi Membre

    Inscrit:
    21 Octobre 2016
    Messages:
    8
    J'aime reçus:
    0
    Points:
    521
    Merci beaucoup pour ton tuto roya ;)
     
  9. Benjilol

    Benjilol Membre

    Inscrit:
    14 Juillet 2016
    Messages:
    29
    J'aime reçus:
    1
    Points:
    1 293
    Merci pour le Tuto
     
  10. GameX13

    GameX13 Membre

    Inscrit:
    17 Août 2016
    Messages:
    82
    J'aime reçus:
    4
    Points:
    2 308
    merci pour ton tuto
     
  11. Pacifiquateure

    Pacifiquateure Membre

    Inscrit:
    26 Juillet 2015
    Messages:
    50
    J'aime reçus:
    0
    Points:
    2 306
  12. ER280652

    ER280652 Membre

    Inscrit:
    6 Octobre 2016
    Messages:
    56
    J'aime reçus:
    29
    Points:
    603
    Merci pour ce tutoriel :) GG !
     
  13. wil972

    wil972 Membre

    Inscrit:
    12 Novembre 2016
    Messages:
    3
    J'aime reçus:
    0
    Points:
    521
    Ancienne version ?
     
  14. kalashnikov

    kalashnikov Membre

    Inscrit:
    11 Novembre 2016
    Messages:
    27
    J'aime reçus:
    0
    Points:
    1 383
    Super tuto merci !
     
  15. Heyck

    Heyck Membre

    Inscrit:
    8 Novembre 2016
    Messages:
    15
    J'aime reçus:
    0
    Points:
    531
    Merci ! Je cherchais
     
  16. Rubyy

    Rubyy Membre

    Inscrit:
    15 Novembre 2016
    Messages:
    27
    J'aime reçus:
    0
    Points:
    531
    merci beaucoup PTDR
     
  17. armaan ali

    armaan ali Membre

    Inscrit:
    15 Septembre 2016
    Messages:
    64
    J'aime reçus:
    0
    Points:
    2 306
    thanx a lot broooo
     
  18. itiikzy

    itiikzy Membre

    Inscrit:
    3 Novembre 2016
    Messages:
    67
    J'aime reçus:
    0
    Points:
    2 306
    Merci beaucoup !
     
  19. Darkside21

    Darkside21 Membre

    Inscrit:
    22 Novembre 2016
    Messages:
    16
    J'aime reçus:
    0
    Points:
    531
    Super tuto merci beacoup
     
  20. Sylux56100

    Sylux56100 Membre

    Inscrit:
    1 Décembre 2016
    Messages:
    19
    J'aime reçus:
    3
    Points:
    531
    Merci ! Super ! Génial !
     

Partager cette page

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