proflat

[Réglé] Icone messages non lus - proflat

[Réglé] Icone messages non lus

par tiboo76 » 03 juin 2019 à 11:41

Bonjour,

suite à une mise à jour d'un forum ce weekend en 3.2.7 et à l'installation de proflat 1.2.8. J'ai quelques questions/besoin d'aide.


J'utilise le jeu de couleur Valiant-Poppy. Je souhaiterais que l'icone des messages non lus soit plus visible (par exemple avec un remplissage complet plutot qu'uniquement le contour rouge. Je n'arrive pas bien à comprendre (suite à la lecture de différents sujets déjà ouverts sur le sujet) s'il faut recréer une icone, ou modifier le css ?

Merci par avance
Fichiers joints
Capture.PNG
(10.33 Kio) Téléchargé 1560 fois
tiboo76
Posteur néophyte
Posteur néophyte
Messages : 44
Enregistré le : 08 févr. 2006 à 16:48
Contact :

Re: Icone messages non lus

par Mazeltof » 03 juin 2019 à 14:27

'jour ici.

Selon.
soit tu choisis une autre icône dans la police d'icônes par défaut pour prosilver à savoir Font Awesome 4.7.0
soit tu crées et/ou trouves l'icône vectorielles (.svg) que tu souhaites.
Dans les deux cas il faudra intervenir sur le CSS pour adapter l'affichage.

repasse par ici quand tu as fait ton choix :wink:
Avatar du membre
Mazeltof
Resp. des graphistes
Resp. des graphistes
Messages : 4553
Enregistré le : 09 mars 2009 à 22:02
Localisation : Arras
Contact :

Re: Icone messages non lus

par tiboo76 » 03 juin 2019 à 15:48

Merci Mazeltof pour ta réponse, pour moi la solution idéale serait d'avoir:
- pour les messages lus : https://fontawesome.com/v4.7.0/icon/comment-o avec le contour en gris comme actuellement (si j'ai bien compris grace au icon-lightgray)
- pour les messages non lus: https://fontawesome.com/v4.7.0/icon/comment avec le remplissage en rouge (de la meme couleur que le contour rouge actuel, si j'ai bien compris grace au icon-red)

J'avoue ne pas savoir du tout comment procéder.
tiboo76
Posteur néophyte
Posteur néophyte
Messages : 44
Enregistré le : 08 févr. 2006 à 16:48
Contact :


Re: Icone messages non lus

par tiboo76 » 05 juin 2019 à 09:19

Si c'est plus simple de ne garder qu'une icone, ca ne me pose pas de soucis, mais je voudrais alors utiliser celle ci:

- pour les messages lus: https://fontawesome.com/v4.7.0/icon/comment avec le remplissage en gris comme actuellement (si j'ai bien compris grace au icon-lightgray)
pour les messages non lus: https://fontawesome.com/v4.7.0/icon/comment avec le remplissage en rouge (de la meme couleur que le contour rouge actuel, si j'ai bien compris grace au icon-red)

Je pense que le fait que cette icone soit pleine permettra une meilleure lisibilité.
tiboo76
Posteur néophyte
Posteur néophyte
Messages : 44
Enregistré le : 08 févr. 2006 à 16:48
Contact :

Re: Icone messages non lus

par Mazeltof » 06 juin 2019 à 18:26

'jour ici.

J'ai une solution toute simple qui va peut être te convenir. il se trouve que dans la police créée pour proflat il y a une icône de même forme que celle utilisée mais pleine celle-ci. :wink:
Essaie en ajoutant a la fin de ./styles/proflat_valiant_poppy/theme/color_proflat.css :

Code : Tout sélectionner

.author .unread .fa-file::before {
    content: "\e930";
}

Dis moi si ça te va, dans le cas contraire je regarderai pour utiliser les icônes de la police citée plus haut.

Quant à la couleur, sur proflat, les couleur des classes icon-blue, icon-green, icon-lightgray, icon-orange sont toutes ramenées au gris très sombre #444444, seule la classe .icon-red reprend la couleur de la déclinaison de style.
Avatar du membre
Mazeltof
Resp. des graphistes
Resp. des graphistes
Messages : 4553
Enregistré le : 09 mars 2009 à 22:02
Localisation : Arras
Contact :

Re: Icone messages non lus

par tiboo76 » 07 juin 2019 à 14:02

Effectivement, la solution me va. L'idéal aurait été l'icone non pleine et grise pour un message lu et l'icone pleine et rouge pour une message non lu mais c'est vraiment déjà beaucoup plus lisible.

PS: là on l'icone pleine grise dans le cas du lu et la pleine rouge dans le cas du non lu
tiboo76
Posteur néophyte
Posteur néophyte
Messages : 44
Enregistré le : 08 févr. 2006 à 16:48
Contact :

Re: [Réglé] Icone messages non lus

par Mazeltof » 07 juin 2019 à 17:55

En ajoutant, en bas de page, dans proflat_valiant_poppy/theme/color_proflat.css ça devrait le faire :

Code : Tout sélectionner

.author .read .fa-file::before {
    content: "\e91f";
}

:wink:
Avatar du membre
Mazeltof
Resp. des graphistes
Resp. des graphistes
Messages : 4553
Enregistré le : 09 mars 2009 à 22:02
Localisation : Arras
Contact :