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.

styliser la navigation personnalisé en menu deroulant

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

styliser la navigation personnalisé en menu deroulant

Message par cosmos le Sam 6 Juin 2015 - 7:26

j'ai creé un disign personnalisé et j'aimerai qu'il soit en menu deroulant au survol des titres parents les sous menus appairessent .avez vous une comment je pourrais le faire merci d'avance

cosmos

Messages : 53
Date d'inscription : 05/06/2015

http://saintlouismontcalm.jimdo.com/

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par FilmsdeLover le Sam 6 Juin 2015 - 8:26

Vous ne pourrez pas le faire avec un design perso si votre menu est le menu Jimdo par défaut, et ce, qu'importent les codes. La solution technique est de se créer un menu tout en HTML/CSS (que vous pourrez modifier comme bon vous semble) et de cacher le menu Jimdo. Mais c'est très compliqué et il faut des compétences en HTML/CSS.

_________________
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 : 1067
Date d'inscription : 07/10/2014

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par cosmos le Sam 6 Juin 2015 - 10:46

merci de ta reponse en fait j'ai commencé a le styliser mais le survol du menu ne fonctionne pas et les sous menu s'affiche en decalé
Code:

#navigateur
{
  float :right;
  padding: 0 44px;
  margin-top: 35px;
  position: relative;
  z-index: 15;
}
#navigateur .mainNav1
{
   margin: 0;
   padding: 0;
}
#navigateur li
{
   list-style: none;
   float: left;
   position: relative;
   background-color: #fff;
}
#navigateur .mainNav1 li a
{
   color: #4d4d4f;
   width: 180px;
   height: 25px;
   display: block;
   text-align: center;
   font-family: bold;
   font-size: 16px;
}

#navigateur .mainNav1 .mainNav2 li a:not(.ignore_text) {padding-top: 40px;}
#navigateur .mainNav1 .mainNav1
{
   position: absolute;
   visibility: hidden;
   top: 25px;
   padding-top: 10px;
}

#navigateur .mainNav1 li:hover .mainNav2
{
   visibility: visible;

}
#navigateur .mainNav1 .mainNav2 li a
{
  height: 59px;
border-top: 2px solid #c35299;

}
#navigateur .mainNav1  li .mainNav2 li a:hover
{
   color: #0086c5;
}

cosmos

Messages : 53
Date d'inscription : 05/06/2015

http://saintlouismontcalm.jimdo.com/

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par FilmsdeLover le Sam 6 Juin 2015 - 10:55

Tu parles de ce site-là : http://saintlouismontcalm.jimdo.com/ ? Si oui, tu n'as pas lu ce que je t'ai écrit : Tu ne peux pas faire apparaitre le survol du menu avec des codes, quels qu'ils soient, si tu utilises le système de navigation made in Jimdo comme menu principal. Il faut cacher ce menu (qui te sera nécessaire pour ajouter des pages malgré tout) et le remplacer par un menu que tu auras créé de toutes pièces.

En plus, si je ne me trompe pas, le #navigateur n'existe pas, si c'est bien le site sur le groupe scolaire. C'est #navigation.

_________________
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 : 1067
Date d'inscription : 07/10/2014

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par cosmos le Sam 6 Juin 2015 - 11:05

merci vraiment désolé pourrez vous détaillé la procédure à suivre caché le menu en creer un autre.

cosmos

Messages : 53
Date d'inscription : 05/06/2015

http://saintlouismontcalm.jimdo.com/

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par FilmsdeLover le Sam 6 Juin 2015 - 11:09

Non, je ne peux pas, c'est vraiment compliqué et ce n'est pas quelque chose qui peut juste être copié-collé avec des codes. Il existe de plus des dizaines de tutoriels pour faire ce genre de menu HTML/CSS3 comme vous pourrez en trouver ici notamment : http://www.blogduwebdesign.com/ressources/tutoriels-menu-original-HTML5-CSS3/1129 Cela va vous demander du temps et de l'investissement, c'est certain.

Pour cacher le menu Jimdo, la meilleure façon est de cacher les pages du niveau 1 de votre navigation dans le menu de navigation (icône "oeil").

_________________
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 : 1067
Date d'inscription : 07/10/2014

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par cosmos le Sam 6 Juin 2015 - 11:30

je peux faire un menu en html et css mais j'aimerai savoir comment je pourrais l'integrer sur jimdo en cachant le menu par default bien sur.quelqu'un pourrais m'aider ca fait deja un moment que je suis dessus,les tutos visionnés ne correspondent pas. merci

cosmos

Messages : 53
Date d'inscription : 05/06/2015

http://saintlouismontcalm.jimdo.com/

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par FilmsdeLover le Sam 6 Juin 2015 - 11:54

En gros : il suffit de créer une div spécifique à votre nouveau menu dans l'onglet "HTML" de votre design perso, d'y mettre le code de votre menu HTML, d'ajouter dans le volet CSS du design perso les codes CSS relatifs au menu et de styler ensuite.

Sur mon site par exemple (http://www.filmsdelover.com/), le menu en haut est un menu déroulant en CSS/HTML créé de toutes pièces et ajouté à mon design personnalisé. A vous d'examiner le code pour voir un peu la méthode employée.

_________________
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 : 1067
Date d'inscription : 07/10/2014

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par cosmos le Sam 6 Juin 2015 - 14:04

merci bien c'est resolu

cosmos

Messages : 53
Date d'inscription : 05/06/2015

http://saintlouismontcalm.jimdo.com/

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par cosmos le Sam 6 Juin 2015 - 14:18

j'aimerai savoir si c'est possible de supprimer ou modifier la couleur des liens par default de jimdo car lorsque je mets ceci cela ne fonctionnement pas.a:link .la couleur par default prend le dessus sur le mien
{
text-decoration:none;
font-family: arial;
position: relative;
z-index: 17;
color:black;

}

cosmos

Messages : 53
Date d'inscription : 05/06/2015

http://saintlouismontcalm.jimdo.com/

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par FilmsdeLover le Sam 6 Juin 2015 - 15:24

Il faut rajouter !important après chaque code pour que ça soit pris en compte au lieu des codes Jimdo.

{
text-decoration:none !important;
font-family: arial !important;
position: relative !important;
z-index: 17 !important;
color:black !important;

}

_________________
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 : 1067
Date d'inscription : 07/10/2014

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par cosmos le Sam 6 Juin 2015 - 16:47

ouaou merci

cosmos

Messages : 53
Date d'inscription : 05/06/2015

http://saintlouismontcalm.jimdo.com/

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par cosmos le Sam 6 Juin 2015 - 17:32

vous savez comment je peux resoudre le probleme des accents sur href lorsque je les enleve l'editeur de jimdo fonctionne.j'ai mis utf-8 dans le head ça ne fonctionne toujours pas. en passant vous savez s il y a un tuto qui repertorie à peu pres les erreurs pour debutant pour eviter de déranger ?
Code:
                        <li > <a href="/le-groupe-scolaire/saint-louis-côté-histoire/" > Saint Louis côté histoire</a></li>

cosmos

Messages : 53
Date d'inscription : 05/06/2015

http://saintlouismontcalm.jimdo.com/

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par FredVig le Dim 7 Juin 2015 - 10:52

Il vaut mieux éviter en effet tout signe non iso dans les menus.
Jimdo "met du code" pour traduire les accents, les tirets, les espaces, mais on ne sait jamais comment ils vont être interprétés par les navigateurs.

_________________
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 : 1771
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par FredVig le Dim 7 Juin 2015 - 11:06

J'ai une question pour cosmos : Pourquoi ne pas avoir choisit dès le départ un design Jimdo incluant un menu déroulant au survol ?

_________________
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 : 1771
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par cosmos le Lun 8 Juin 2015 - 7:54

si j'ai pensé mais j'ai besoin de personnaliser mon disign pour respecter le cahier des charges. et pour un disign personnalisé on a un menu vertical non ordonné par default.

cosmos

Messages : 53
Date d'inscription : 05/06/2015

http://saintlouismontcalm.jimdo.com/

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

Message par FredVig le Lun 8 Juin 2015 - 12:16

Mouis… mais il est plus simple de modifier un design existant dont la structure correspond au cahier des charges, que de fabriquer la structure.
Vous devriez peut-être envisager de recommencer sur une autre base.
Donnez-vous quelques heures d'essai sur un site jimdo en free, cela vous permettra d'estimer le travail pour transformer votre site pro.

_________________
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 : 1771
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: styliser la navigation personnalisé en menu deroulant

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