[Réglé] Couleur des icônes fa au survol

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.1

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Couleur des icônes fa au survol

Messagepar pierredu » 17 Jan 2017 à 18:42

Bonjour,

Je suis en train d'intégrer dans une copie de prosilver les modifs que j'avais faites sous 3.1.
Grosso modo, c'est un virage du bleu vers le vert.

Je butte sur une petite difficulté : les icônes fa, au survol, sont bleu marine. Je voudrais les mettre vert bouteille, mais je ne trouve pas l'endroit dans les feuilles de style.

Merci d'avance pour vos indications.
Avatar de l’utilisateur
pierredu
Resp. Extensions
Resp. Extensions
 
Messages: 1079
Enregistré le: 29 Mai 2011 à 06:49
Localisation: Paris

Re: Couleur des icônes fa au survol

Messagepar Mazeltof » 17 Jan 2017 à 19:25

'lut ici,

Tu trouveras les différentes couleurs d'icônes dans le fichier colours.css (vers les lignes 209 et suivantes) :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2742
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Couleur des icônes fa au survol

Messagepar Manard » 17 Jan 2017 à 20:03

Bonsoir Pierre,

Ce matin j'ai modifié des couleurs d'icônes si ce sont les mêmes ?, ce doit-être ces deux lignes de code si je ne dis pas de bêtises...

Lignes 34 et 35 de colours.css

Code: Tout sélectionner
a { color: #105289; }
a:hover { color: #D31141; }


Bons essais

Bernard
Manard
Roi des posts
Roi des posts
 
Messages: 929
Enregistré le: 31 Mar 2012 à 09:24

Re: Couleur des icônes fa au survol

Messagepar cabot » 17 Jan 2017 à 20:13

Effectivement, les icônes s'affichent de la couleur des liens.
Si tu ne veux modifier que la couleur des icônes de la navbar, tu peux les cibler en ajoutant ça dans ta CSS :
Code: Tout sélectionner
.navbar .icon::before {
	color: #357a68;
}
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26802
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Couleur des icônes fa au survol

Messagepar pierredu » 18 Jan 2017 à 11:13

Merci à tous.
avec ça, je vais certainement trouver la bonne solution.
Avatar de l’utilisateur
pierredu
Resp. Extensions
Resp. Extensions
 
Messages: 1079
Enregistré le: 29 Mai 2011 à 06:49
Localisation: Paris

Re: Couleur des icônes fa au survol

Messagepar cabot » 18 Jan 2017 à 18:56

Je viens de percuter que tu veux modifier la couleur au survol... :?

Code: Tout sélectionner
.navbar a:hover .icon:before {
	color: #357a68;
}
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26802
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Couleur des icônes fa au survol

Messagepar pierredu » 19 Jan 2017 à 21:55

Pardon, j'ai eu des choses urgentes à faire.

Ce n'est pas tellement les icônes de la barre de navigation qui sont effectivement liées à l'ancrage et varient avec lui. Je pensais plutôt aux icônes qui se trouvent dans le coin supérieur droit du message (édition, citation, etc.) et aux icônes de recherche etc. de la ligne Répondre en haut du sujet. Cela me semble être le même code qui commande les icône au bas du sujet (Répondre, une fois encore, options de tri, etc.).
Avatar de l’utilisateur
pierredu
Resp. Extensions
Resp. Extensions
 
Messages: 1079
Enregistré le: 29 Mai 2011 à 06:49
Localisation: Paris

Re: Couleur des icônes fa au survol

Messagepar Mazeltof » 19 Jan 2017 à 22:41

oui, c'est bien la même classe qui gère les icônes de boutons citation, édition, etc. et répondre, nouveau message, tri, etc.

pour ces icônes regarde à .button .icon dans colours.css

(ligne 620)
Code: Tout sélectionner
.button .icon,
.button-secondary {
	color: #8f8f8f;
}


(ligne 625)
Code: Tout sélectionner
.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: #0A8ED0;
}

:wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2742
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Couleur des icônes fa au survol

Messagepar pierredu » 20 Jan 2017 à 09:14

Merci, je crois bien que c'est ça.
Avatar de l’utilisateur
pierredu
Resp. Extensions
Resp. Extensions
 
Messages: 1079
Enregistré le: 29 Mai 2011 à 06:49
Localisation: Paris

Re: Couleur des icônes fa au survol

Messagepar Mazeltof » 16 Fév 2017 à 22:25

Si vous considérez votre requête comme résolue, merci d'ajouter l'attribut de sujet [Réglé] :mrgreen:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2742
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras


Retourner vers [3.1.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité