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.

Rejoignez le forum, c’est rapide et facile

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.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-50%
Le deal à ne pas rater :
-50% sur les sacs à dos pour ordinateur portable Urban Factory ...
19.99 € 39.99 €
Voir le deal

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

2 participants

Aller en bas

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

Message par RandoSourd 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

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

Message par FredVig 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
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par RandoSourd 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

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

Message par FredVig 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"…
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par RandoSourd 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

[RÉSOLU] Personnaliser la navigation avec CSS (a.current ne marche pas !) Empty 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

Revenir en haut

- Sujets similaires

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