Couleur de la barre d’outils "light"

Sylvain Le Doaré
le 3 mars 2019
à 21:14
Rappel du sujet :

Bonsoir,
La barre d’outils "light" qui permet d’avoir, en dessous du bandeau, l’accès à la partie privée ("Se connecter", "Espace rédacteur", "Rechercher") est de couleur bleu aussi bien le texte que le cadre des boutons. Mais sur mon site à dominance vert, ça ne rend pas bien.

Je voudrais savoir où l’on peut faire la modification de ces couleurs (textes et cadre). Je n’ai rien vu dans la configuration d’Escal

Merci

Cordialement

Sylvain

Couleur de la barre d’outils "light"

Hello

Les bords sont paramétrables dans la configuration d’Escal : "un peu de style" "les bords" 5e item.

Pour la couleur du texte, il te faudra rajouter ce code dans /squelettes/styles/perso.css et indiquer le couleur que tu souhaites. (tu peux séparer les liens survolés ":hover")

.identification-light a, .formulaire_recherche input.text, .identification-light a:hover, .formulaire_recherche input.text:hover {
    color: #336699 !important;
}
Couleur de la barre d’outils "light"

Bonjour,
Effectivement, la couleurs des bords se change bien.
Par contre le fichier "perso.css" placé dans squelettes/styles n’a pas l’air d’être opérationnel. j’ai vidé lec caches par le menu de Spip. J’ai fait aussi recalculer la page mais rien ne se passe au niveau du texte !
Ci-joint une image du fichier perso.css
Cordialement
Sylvain Le Doaré

Couleur de la barre d’outils "light"

Bon tout marche bien.
Je crois que j’ai mis du code sur plusieurs dans perso.css alors que ça doit rester sur une même ligne.

Mais là toujours plus exigeant je voudrais que les logos qui accompagnent les textes de l’identification light soit également dans les tons verts. Et je ne vois pas dans les fichiers ESCAL où ils sont rangés.
Merci
Sylvain

Couleur de la barre d’outils "light"

Ah là, il va te falloir t’initier à Inkscape qui permet de travailler sur les images vectorielles mais rien de bien compliqué.

Toutes les images utilisées se trouvent dans /escal/images et il y a même un fichier avec toutes les images svg plus un fichier récapitulatif.

Le principe est de copier l’image svg que tu veux modifier dans /squelettes/images puis de recolorier l’image copiée à la couleur voulue. Cela se fait en quelques clics avec Inkscape.

Couleur de la barre d’outils "light"

Merci !
Inkscape, je sais m’en servir un peu !
Donc si j’ai bien compris le fichier "1-icones-escal.svg" qui contient les iônes que je veux modifier est à placer dans /squelettes/images une fois que j’ai fait les modifs de couleurs ?

Couleur de la barre d’outils "light"

Non, ça c’est juste pour avoir tout sous les yeux. Il faut que tu regardes dans 2-liste-icones-svg.ods comment s’appelle le ou les images que tu veux modifier comme imprimer.svg par exemple.
Tu copies donc imprimer.svg de /escal/images vers /squelettes/images et c’est cette copie qu’il faut modifier. Elle prendra la main sur l’image d’Escal et ne sera pas touchée par la prochaine mise à jour d’Escal.

Couleur de la barre d’outils "light"

Merci pour ton aide
j’ai modifié ce que je voulais et maintenant la barre "light" est dans les tons du site !
Parfait

Couleur de la barre d’outils "light"

Une URL pour admirer ?

Couleur de la barre d’outils "light"

C’est là :https://avcp.fr

Reagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document