Tutorial Ajouter FontAwesome à la barre de Navigation

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

Page 1 sur 6
  1. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 280
    J'aime reçus:
    121 207
    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
    Sι∂яα∂ι, 1 Août 2016
    #1
    makrem2018, lalie, ahoga et 36 autres personnes aiment ça.
  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
    ℓ๏я€ɲƶ๏, 1 Août 2016
    #3
  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 . . .
     
    AbuElyas, 1 Août 2016
    #4
  4. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 280
    J'aime reçus:
    121 207
    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
    Sι∂яα∂ι, 2 Août 2016
    #5
  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 ?
     
    ℓ๏я€ɲƶ๏, 3 Août 2016
    #6
  6. Hugo Dst

    Hugo Dst Membre

    Inscrit:
    15 Avril 2016
    Messages:
    84
    J'aime reçus:
    0
    Points:
    2 306
    Merci du partage mec !
     
    Hugo Dst, 17 Août 2016
    #7
  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
     
    TeuchiMoDz, 18 Août 2016
    #8
  8. WitherGame

    WitherGame Membre

    Inscrit:
    11 Août 2016
    Messages:
    121
    J'aime reçus:
    6
    Points:
    586
    merci toujour util des FA
     
    WitherGame, 18 Août 2016
    #9
  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
     
    lutilisateurlibre, 19 Août 2016
    #10
  10. RayzV4

    RayzV4 Membre

    Inscrit:
    6 Août 2016
    Messages:
    37
    J'aime reçus:
    0
    Points:
    2 281
    Merci beaucoup ca m'interesse
     
    RayzV4, 21 Août 2016
    #11
  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
     
    Gestion Heberg, 1 Septembre 2016
    #12
  12. Okan68

    Okan68 Membre

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

    Regnam Membre

    Inscrit:
    14 Juillet 2016
    Messages:
    20
    J'aime reçus:
    0
    Points:
    1 281
    Merci pour ce tuto!
     
    Regnam, 2 Septembre 2016
    #14
  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é :)
     
    Game_05, 10 Septembre 2016
    #15
  15. azertyuiop1234

    azertyuiop1234 Membre

    Inscrit:
    4 Juillet 2014
    Messages:
    110
    J'aime reçus:
    20
    Points:
    2 473
    merci beaucoup :)
     
    azertyuiop1234, 27 Septembre 2016
    #16
  16. conkhidan

    conkhidan Membre

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

    ER280652 Membre

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

    FleyZzy Membre

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

    ThéoModding Membre

    Inscrit:
    25 Octobre 2014
    Messages:
    38
    J'aime reçus:
    0
    Points:
    2 281
    Merci beaucoup :)
     
    ThéoModding, 22 Octobre 2016
    #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