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.

Style personnalisé d'un sous-menu de navigation différent selon le parent

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

Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FilmsdeLover le Dim 5 Fév 2017 - 18:33

Bonjour, je suis en train de remettre les mains dans le cambouis de mon site suite à une mise à jour de mon design perso et j'ai une question pour les experts portant sur le menu de navigation Jimdo.

Est-il possible de styliser indépendamment des <li> du menu de navigation de deuxième rang sans avoir à le faire pour chacun d'entre eux et sans que ça n'impacte les autres deuxièmes rangs de ma navigation (mais qui ont un niveau parent différent) ? Je ne sais pas si je m'explique bien donc je vais essayer de reformuler : avec la navigation Jimdo, est-il possible de styliser différemment deux menus de navigation de deuxième rang (MainNav2) ? Je ne sais pas si c'est plus clair. Very Happy

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

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

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FredVig le Dim 5 Fév 2017 - 19:56

il me semble que c'est possible avec un ciblage de certains enfants, dépendant du premier contenant : par exemple pour toucher seulement 'idées cadeaux' sur ton site
Code:
div.col1:nth-child(2) > ul:nth-child(2) > li:nth-child(2){background-color: black;}
c'est ce que tu veux faire ?

ou bien cibler un li sur 2 dans la colonne 2 de "rubriques" :
Code:
div.col1:nth-child(2) > ul:nth-child(2) > li:nth-child(2n){background-color: black;}

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FilmsdeLover le Dim 5 Fév 2017 - 21:06

Alors, il me semble que tu as modifié avec ce code ma navigation "maison", qui n'est pas celle de Jimdo. En fait, j'aimerais pouvoir modifier le menu de gauche de cette page : https://www.filmsdelover.com/rubriques/ sans que ça n'affecte le menu de gauche de cette page-ci : https://www.filmsdelover.com/critiques/ Ces deux menus sont des MainNav2.

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

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

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FredVig le Dim 5 Fév 2017 - 21:31

Le plus simple à mon avis est de faire une modification de css selon la page. Cela est bien compatible avec le design perso il me semble.
Sinon, il faut cibler les élements mais seulement de la page concernée
Code:
#page-228631050 ul.mainNav2 li:nth-child(2n) a{color: blue;}

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FilmsdeLover le Lun 6 Fév 2017 - 6:54

Ok donc c'est bien ce qu'il me semblait, ce n'est pas possible d'automatiser ça... Merci !

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

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

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FredVig le Lun 6 Fév 2017 - 11:49

Avec mon dernier code, il te suffit de décider de la page, donc je ne dois pas comprendre un truc…

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FilmsdeLover le Lun 6 Fév 2017 - 13:29

C'est pas facile à comprendre, mais j'arrive pas à bien l'expliquer. En fait, je veux styler mon MainNav2 de façon indépendante selon le parent MainNav1. Mon MainNav2 sous "Critiques" comprend mes 651 pages films et je ne veux pas que ce sous-menu prennent les modifications que j'aimerais donner au MainNav2 sous "Rubriques". Je vais essayer de mettre des images dans mon prochain message pour mieux expliquer. ^^

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

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

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FilmsdeLover le Lun 6 Fév 2017 - 17:41

Alors, avec des images. J'aimerais pouvoir styliser automatiquement en CSS les "enfants" en MainNav2 de la partie "Rubriques" sans que les changements que je fais n'affectent les "enfants" en MainNav2 de la partie "Critiques".

Le problème est que je ne sais pas si la fonction "child" marche bien avec le menu Jimdo et surtout si on l'applique dans ce cas précis.

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

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

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FredVig le Lun 6 Fév 2017 - 18:51

Ok…
Le problème c'est d'appliquer le style à toutes pages sous "Rubriques", mais pas au 651 pages de Critiques. étant donné la structure de ton site, ça demande une réflexion intéressante.
Je suppose qu'il faut chercher à partir d'un javascript qui tient compte du début de l'adresse de la page : si l'adresse contient "https://www.filmsdelover.com/critiques" ne pas appliquer le style "nouveau style de liens".
Je vais y réfléchir…

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FilmsdeLover le Lun 6 Fév 2017 - 19:16

Non, t'embêtes pas, je me demandais juste si y'avait un moyen simple de le faire en CSS mais si y'en a pas, je vais essayer de les styler à la main, pour les 15 pages des différentes rubriques. C'est pas idéal, mais au moins, ça fera le job. Merci quand même de ton aide ! Smile

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

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

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FredVig le Lun 6 Fév 2017 - 22:26

Parce que, quand on me jette un bâton, je le rapporte, quoi qu'il advienne
Voilà la solution :

1) mettre en css la class qui modifie les liens
.bleubleu{color:blue!important;}

2) mettre un javascript en sidebar (ou en design perso)
qui indique de changer la classe des éléments ciblés lorsque le mot "rubriques" est dans l'adresse
cibler dans le javascript les liens
et ajouter le code :
Code:
<script type="text/javascript">
/* <![CDATA[ */
var cible = document.getElementByClassName("level_2");
    
if(window.location.href.includes("rubriques") == true)
{
 cible.className="bleubleu";
}else{
cible.className=null;
}

/* ]]> */
</script>

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FilmsdeLover le Mar 7 Fév 2017 - 11:30

Merci, je vais essayer ça ! J'ai toujours un peu de réticence à utiliser du Javascript sur mon site mais je vais tenter le coup. Merci encore !

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

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

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par FredVig le Mar 7 Fév 2017 - 12:19

Si tu as des craintes, demande à un spécialiste de le passer à la validation (Gérard ?)
J'ai testé le code sur une page de mon site. il faudra sans doute peaufiner le ciblage, quelque !important à enlever ou remettre, ciblage à modifier en fonction de ce que tu veux mettre comme style (sur les typo, sur les fonds,au survol etc.)

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

Message par Disney Analysis le Jeu 9 Mar 2017 - 1:41

Impossible de modifier chaque "li", c'est encore plus long que page par page. En somme, je ne vois que deux solutions pour du 100% CSS sans javascript :

1) CSS page par page

2) Recréer deux menus en HTML avec des ID différents et modifier le CSS en fonction (par exemple un avec l'ID "MainNav2Rubriques" et l'autre "MainNav2Critiques") (uniquement possible si c'est un menu créé de toute pièce, et non si c'est un menu natif de Jimdo, ce qui semble être ton cas).

Perso, je partirais sur la deuxième solution (si non-natif), peut-être plus longue au début, mais qui au final te tracassera moins pour la suite en cas de nouveau changement.
avatar
Disney Analysis

Messages : 61
Date d'inscription : 11/11/2014
Age : 25
Localisation : France

http://www.disneyanalysis.fr

Revenir en haut Aller en bas

Re: Style personnalisé d'un sous-menu de navigation différent selon le parent

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