Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

[RÉSOLU] Personnaliser la navigation avec CSS (a.current ne marche pas !)

Voir le sujet précédent Voir le sujet suivant Aller en bas

[RÉSOLU] Personnaliser la navigation avec CSS (a.current ne marche pas !)

Message par RandoSourd le Ven 8 Avr 2016 - 15:52

Bonjour,

Je personnalise la navigation grâce au "Modifier le head" (voir http://www.randosourd.ch).
.navigation-colors a:link { background-color... } => ça marche qu'on veut bien la décoration des menus
.navigation-colors a:active { background-color... } => ça marche quand le bouton de souris est resté appuyé sur le menu
.navigation-colors a:hover { background-color... } => ça marche quand on place le curseur de la souris sur le menu

Un problème
Quand on ouvre le site, le menu "accueil" est automatique actif ou je clique sur le menu, la page change et le menu sélectionné doit être actif
.navigation-colors a:selected { ... } => ça n'a pas fonctionné  Sad
.navigation-colors a.parent ou a.current { ... } => ça n'a pas fonctionné Sad

Pourriez-vous m'aider cette solution.
Merci.


Dernière édition par RandoSourd le Ven 29 Avr 2016 - 10:11, édité 1 fois

RandoSourd

Messages : 3
Date d'inscription : 12/01/2016

http://randosourd.ch

Revenir en haut Aller en bas

Re: [RÉSOLU] Personnaliser la navigation avec CSS (a.current ne marche pas !)

Message par FredVig le Mar 19 Avr 2016 - 20:16

Le changement d'aspect des li fonctionne en :hover car DEUX propriétés sont indiquées pour cet état :
.navigation-colors li.cc-nav-current > a:link {
background-color: #060;}
et
.navigation-colors a:hover {
background-image: linear-gradient(#00FF00,black);

Par contre, la seconde propriété n'est pas spécifiée pour :active :focus :visited (:current n'est pas un sélecteur, c'est une erreur fréquente) >


:link (état par défaut);
:visited (lien pointant sur une page déjà visitée, et présente dans l'historique du navigateur);
:hover (état survolé);
:focus (état d'un élément qui a reçu «l'attention», par exemple un lien lorsqu'on y accède grâce au clavier, ou un champ texte d'un formulaire lorsqu'on clique dedans);
:active (état cliqué).
Il faut déclarer ces pseudos-classes dans cet ordre.
l

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

Messages : 1744
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [RÉSOLU] Personnaliser la navigation avec CSS (a.current ne marche pas !)

Message par RandoSourd le Ven 29 Avr 2016 - 10:10

ça marche formidable avec ".navigation-colors li.cc-nav-current a:link { ... }"
C'est exactement ce que je cherche.

Merci beaucoup à FredVig pour votre aide.

RandoSourd

Messages : 3
Date d'inscription : 12/01/2016

http://randosourd.ch

Revenir en haut Aller en bas

Re: [RÉSOLU] Personnaliser la navigation avec CSS (a.current ne marche pas !)

Message par FredVig le Ven 29 Avr 2016 - 12:15

Bien !

Attention (j'insiste) :
"current", dans "cc-nav-current" est ici un nom de classe choisi par Jimdo.
Cela pourrait être n'importe quelle formulation, "courant", "bidule"…

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

Messages : 1744
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [RÉSOLU] Personnaliser la navigation avec CSS (a.current ne marche pas !)

Message par RandoSourd le Ven 29 Avr 2016 - 14:59

C'est noté Wink

RandoSourd

Messages : 3
Date d'inscription : 12/01/2016

http://randosourd.ch

Revenir en haut Aller en bas

Re: [RÉSOLU] Personnaliser la navigation avec CSS (a.current ne marche pas !)

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum