Tutorial Ajouter FontAwesome à la barre de Navigation

Discussion dans 'Modifications de templates' créé par Sι∂яα∂ι, 1 Août 2016.

  1. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

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

    On va voir rapidement dans ce petit Tutorial comment ajouter des icônes FontAwesome devant les menu de la barre de navigation.

    Avant :

    upload_2016-8-1_0-38-21.png

    Après :

    upload_2016-8-1_0-37-37.png

    Dans le template EXTRA.CSS ajouter :
    A fin de définir une classe CSS pour éviter les répétitions.

    Contenu caché:
    Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.
    Maintenant voici quelques exemples pour ajouter une icone FA devant les divers Menu de navigation :

    * Forum
    Contenu caché:
    Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.
    * Taigachat
    Contenu caché:
    Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.
    * Membres
    Contenu caché:
    Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.
    *Ressources Manager
    Contenu caché:
    Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.
    *Premium
    Contenu caché:
    Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.
    *Aide
    Contenu caché:
    Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.
    La liste complète des icônes FA : http://fontawesome.io/cheatsheet/

    A très bientôt. :neo:
     
    Dernière édition: 16 Novembre 2021
  2. ℓ๏я€ɲƶ๏

    ℓ๏я€ɲƶ๏ Membre

    Inscrit:
    17 Avril 2016
    Messages:
    308
    J'aime reçus:
    156
    Points:
    2 693
    Merci @Sidradi ;)
    Fonctionne pas chez moi, j'ai des carrer.
    Pourtant j'ai fontawesome d'installer dans page_container_js_head et dans mon FTP.

    sVuLkr6ETOH2HWRHzQiUbDV4qrsCul5o.png
     
    Dernière édition par un modérateur: 11 Mars 2017
  3. AbuElyas

    AbuElyas Membre

    Inscrit:
    16 Juillet 2016
    Messages:
    114
    J'aime reçus:
    88
    Points:
    823
    Merci mon ami, je vous souhaite un succès durable . . .
     
  4. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 600
    Points:
    13 043
    C'est du CSS et non du JS.
    Alors c'est à ajouté sur Page_Container et non js_xxx
     
    Dernière édition par un modérateur: 11 Mars 2017
  5. ℓ๏я€ɲƶ๏

    ℓ๏я€ɲƶ๏ Membre

    Inscrit:
    17 Avril 2016
    Messages:
    308
    J'aime reçus:
    156
    Points:
    2 693
    Le code que j'ai mis dans page_container_js_head je dois le mettre dans page container ?
     
  6. Hugo Dst

    Hugo Dst Membre

    Inscrit:
    15 Avril 2016
    Messages:
    84
    J'aime reçus:
    0
    Points:
    2 306
    Merci du partage mec !
     
  7. TeuchiMoDz

    TeuchiMoDz Membre

    Inscrit:
    4 Août 2016
    Messages:
    49
    J'aime reçus:
    1
    Points:
    2 283
    Merci ^^ poto j'ai deja aussi :p
     
  8. WitherGame

    WitherGame Membre

    Inscrit:
    11 Août 2016
    Messages:
    121
    J'aime reçus:
    6
    Points:
    586
    merci toujour util des FA
     
  9. lutilisateurlibre

    lutilisateurlibre Membre

    Inscrit:
    17 Août 2016
    Messages:
    65
    J'aime reçus:
    3
    Points:
    2 318
    Une astuce amenant du design supplémentaire a la barre de navigation
     
  10. RayzV4

    RayzV4 Membre

    Inscrit:
    6 Août 2016
    Messages:
    37
    J'aime reçus:
    0
    Points:
    2 281
    Merci beaucoup ca m'interesse
     
  11. Gestion Heberg

    Gestion Heberg Membre

    Inscrit:
    31 Août 2016
    Messages:
    20
    J'aime reçus:
    0
    Points:
    1 281
    merci pour ce tutoriel
     
  12. Okan68

    Okan68 Membre

    Inscrit:
    16 Août 2016
    Messages:
    33
    J'aime reçus:
    0
    Points:
    531
    5017655000159038634 merciii
     
  13. Regnam

    Regnam Membre

    Inscrit:
    14 Juillet 2016
    Messages:
    20
    J'aime reçus:
    0
    Points:
    1 281
    Merci pour ce tuto!
     
  14. Game_05

    Game_05 Membre

    Inscrit:
    7 Juillet 2016
    Messages:
    55
    J'aime reçus:
    0
    Points:
    1 306
    Merci a toi :) bonne ideé :)
     
  15. azertyuiop1234

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    Messages:
    110
    J'aime reçus:
    20
    Points:
    2 473
  16. conkhidan

    conkhidan Membre

    Inscrit:
    4 Juin 2016
    Messages:
    63
    J'aime reçus:
    2
    Points:
    558
    thank you for share
     
  17. ER280652

    ER280652 Membre

    Inscrit:
    6 Octobre 2016
    Messages:
    56
    J'aime reçus:
    29
    Points:
    603
    Merci beaucoup :)
     
  18. FleyZzy

    FleyZzy Membre

    Inscrit:
    22 Octobre 2016
    Messages:
    16
    J'aime reçus:
    0
    Points:
    531
    Merci du partage !
     
  19. ThéoModding

    ThéoModding Membre

    Inscrit:
    25 Octobre 2014
    Messages:
    38
    J'aime reçus:
    0
    Points:
    2 281
    Merci beaucoup :)
     

Partager cette page

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