Icone Fontawesome dans menu
Comment faire ?
Créations de Thèmes
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
Reprise du message précédent
Essaye plutôt unpadding: 11px 50px 11px 15px;
et pour mon cote, j'ai adapté à ton site en testant en live sur ton site :
Code CSS :
#top-header-content .level-1 > li { position: relative; } #top-header-content .level-1 > li:before { display: inline-block; font-family: FontAwesome; font-size: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 30px; position: absolute; z-index: 1; top:13px; left:15px; } #top-header-content .level-1 > li:nth-child(1):before { content: "\f1ea"; } #top-header-content .level-1 > li:nth-child(2):before { content: "\f0c0"; } #top-header-content .level-1 > li:nth-child(3):before { content: "\f07a"; } #top-header-content .level-1 > li:nth-child(4):before { content: "\f073"; } #top-header-content .level-1 > li:nth-child(5):before { content: "\f041"; } #top-header-content .level-1 > li:nth-child(6):before { content: "\f0ac"; } #top-header-content .level-1 > li:nth-child(7):before { content: "\f0e0"; }
vtt64 Membre non connecté
Booster Roquette
- Booster Roquette
- Voir le profil du membre vtt64
- Inscrit le : 16/12/2009
- Site internet
- Groupes :
Bien bidouillé les padding de partout pour que ca s'aligne en PC et mobile mais ca marche
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
En appliquant ton padding pour les images tu l'as appliqué à tous les niveaux de l'architecture. C'est à dire que le niveau 2 de ton menu possède aussi le décalage alors qu'il n'y a pas d'icone, du coup, il y a un vide.
La positions des petit "+" pour indiquer un sous menu est haute par rapport à la hauteur du menu. il faut modifier les attributs
top
associés.
vtt64 Membre non connecté
Booster Roquette
- Booster Roquette
- Voir le profil du membre vtt64
- Inscrit le : 16/12/2009
- Site internet
- Groupes :
J'essaie de modifier le level 2 en ajoutant des paddings : ca ne marche pas.
Si je remets à l'origine le level 1, je retrouve les menus à la bonne taille mais les Fa (pas les images, ton code) se retrouvent sur les textes. J'arrive à les faire glisser à gauche mais pas à augmenter la largeur du fond menu.
Le "+" , je n'arrive même pas à l'inspecter. J'imagine qu'il y a du after et du before...
Un truc qui m'échappe dans l'inspecteur : certains paramètres sont barrés, écrasé par une autre classe ?
J'ai droit à "appel à un ami" ?
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
.level-1 li a
on va cible tous les a de tous les li de tous les .level-1. Donc si tu as de menus imbriqués tu touche tout le monde. (Le li du level-2 étant aussi en dessous du level-1)Si tu veux te limiter au premier niveau il faut restreindre.
.level-1 > li a. Ici on ne touchera que les a de tous les li qui sont derrière un level-1
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie