styliser la navigation personnalisé en menu deroulant

[cosmos]

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

[FilmsdeLover]

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.

[cosmos]

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;
}

[FilmsdeLover]

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.

[cosmos]

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

[FilmsdeLover]

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").

[cosmos]

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

[FilmsdeLover]

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.

[cosmos]

merci bien c'est resolu

[cosmos]

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;

}

[FilmsdeLover]

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;

}

[cosmos]

ouaou merci

[cosmos]

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>


[FredVig]

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.

[FredVig]

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 ?

[cosmos]

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.

[FredVig]

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.

[Contenu sponsorisé]