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

    ѕι∂яα∂ι Administrateur

    Messages:
    13 142
    J'aime reçus:
    67 384
    Points:
    8 543
    Salut communauté iHax

    Ce tutoriel vous permet d'ajouter une icone FontAwesome aux préfixe de discussion.
    Ce tutoriel vient comme une alternative à la solution précédente qui est pas suffisamment optimisée : https://ihax.fr/threads/ajouter-des-icones-fontawesome-aux-prefixes-de-discussions.5360/

    Le résultat est identique :

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

    Voici les instructions :

    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:

    Dans le template EXTRA.CSS ajouter :

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

    Etape 3 :

    Sur l'adminCP, cliquer sur l'onglet : Applications
    Sur la barre latérale gauche cliquez sur "Préfixes de discussions"
    Puis cliquez sur : + Créer un nouveau préfixe de discussion
    Titre : vous définissez le titre, exemple : Tutorial
    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 :
    Contenu caché:
    Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.
    La liste des class CSS pour les prefix est presente dans le template : thread_prefixes.css Soit :
    Contenu caché:
    Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.
    Voici la liste complète des icônes FA : http://fontawesome.io/icons/

    Résultat :

    upload_2016-10-19_23-42-41.png
    upload_2016-10-19_23-41-59.png

    Ce tutoriel touche à sa fin ;)
     
  2. SyTry

    SyTry Ancien Staff

    Messages:
    789
    J'aime reçus:
    2 091
    Points:
    3 793
    Ah cool merci je l'attendais!
     
    ●●●Outils
  3. ℓ๏я€ɲƶ๏

    ℓ๏я€ɲƶ๏

    Messages:
    305
    J'aime reçus:
    128
    Points:
    1 693
    Merci, Pas besoin de cocher la css, on peut mettre directement les codes
    dans extra.css.
    Moi j'ai toujours fait comme sa ;)
     
    Dernière édition par un modérateur: 20 Octobre 2016
    ●●●Outils
  4. Benjilol

    Benjilol

    Messages:
    27
    J'aime reçus:
    1
    Points:
    543
    Merci pour le Tuto
     
    ●●●Outils
  5. ER280652

    ER280652

    Messages:
    56
    J'aime reçus:
    26
    Points:
    603
    merci pour le tutoriel :) man !)
     
    ●●●Outils
  6. TirOFlanK

    TirOFlanK

    Messages:
    37
    J'aime reçus:
    0
    Points:
    531
    merci pour le tutoriel :) man !)
     
    ●●●Outils
  7. lutilisateurlibre

    lutilisateurlibre

    Messages:
    57
    J'aime reçus:
    3
    Points:
    1 318
    merci pour le tutoriel
     
    ●●●Outils
  8. EliteModz

    EliteModz

    Messages:
    103
    J'aime reçus:
    2
    Points:
    588
    thank you bro:::::::::
     
    ●●●Outils
  9. EliteModz

    EliteModz

    Messages:
    103
    J'aime reçus:
    2
    Points:
    588
    good
     
    ●●●Outils
  10. Maweyy

    Maweyy

    Messages:
    41
    J'aime reçus:
    0
    Points:
    1 281
    Ah merci sa amène tu styles :)
     
    ●●●Outils
  11. slownls

    slownls

    Messages:
    28
    J'aime reçus:
    0
    Points:
    1 291
    merci pour le tuto
     
    ●●●Outils
  12. Laiorm

    Laiorm

    Messages:
    13
    J'aime reçus:
    0
    Points:
    521
    Sympa ;) Je cherchai la soluce depuis un bout de temps

    EDIT : Je ne voit pas la couleur de fond ( prefixOrange ) comment je peut résoudre cela ?
     
    Dernière édition par un modérateur: 4 Novembre 2016
    ●●●Outils
  13. wil972

    wil972

    Messages:
    3
    J'aime reçus:
    0
    Points:
    521
    Je vais de ce pâs ajouter les CSS. Mais quand j'ai mit le green, sa reste transparent
     
    Dernière édition par un modérateur: 12 Novembre 2016
    ●●●Outils
  14. kalashnikov

    kalashnikov

    Messages:
    26
    J'aime reçus:
    0
    Points:
    633
    Merci beaucoup ! :DDD
     
    ●●●Outils
  15. Viisp

    Viisp

    Messages:
    52
    J'aime reçus:
    0
    Points:
    556
    Oui je cherchais ça merci
     
    ●●●Outils
  16. armaan ali

    armaan ali

    Messages:
    53
    J'aime reçus:
    0
    Points:
    556
    Thanxxxxxxxxxxxxx broooo
     
    ●●●Outils
  17. lapinduperou

    lapinduperou

    Messages:
    43
    J'aime reçus:
    0
    Points:
    531
    merci bcp mec !!!
     
    ●●●Outils
  18. Walabise

    Walabise

    Messages:
    2
    J'aime reçus:
    0
    Points:
    521
    Merci c'est gentil :)
     
    ●●●Outils
  19. Stevie76

    Stevie76

    Messages:
    44
    J'aime reçus:
    0
    Points:
    531
    Merci pour le tuto =)
     
    ●●●Outils
  20. Darkside21

    Darkside21

    Messages:
    16
    J'aime reçus:
    0
    Points:
    531
    merci tres clair tres simple
     
    ●●●Outils