styliser la navigation personnalisé en menu deroulant
3 participants
Communauté francophone - Jimdo :: Utiliser Jimdo :: Mise en page de votre site Jimdo :: Choisir un design
Page 1 sur 1
styliser la navigation personnalisé en menu deroulant
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
Re: styliser la navigation personnalisé en menu deroulant
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.
Re: styliser la navigation personnalisé en menu deroulant
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;
}
Re: styliser la navigation personnalisé en menu deroulant
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.
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.
Re: styliser la navigation personnalisé en menu deroulant
merci vraiment désolé pourrez vous détaillé la procédure à suivre caché le menu en creer un autre.
Re: styliser la navigation personnalisé en menu deroulant
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").
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").
Re: styliser la navigation personnalisé en menu deroulant
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
Re: styliser la navigation personnalisé en menu deroulant
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.
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.
Re: styliser la navigation personnalisé en menu deroulant
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;
}
{
text-decoration:none;
font-family: arial;
position: relative;
z-index: 17;
color:black;
}
Re: styliser la navigation personnalisé en menu deroulant
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;
}
{
text-decoration:none !important;
font-family: arial !important;
position: relative !important;
z-index: 17 !important;
color:black !important;
}
Re: styliser la navigation personnalisé en menu deroulant
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>
Re: styliser la navigation personnalisé en menu deroulant
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.
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.
Re: styliser la navigation personnalisé en menu deroulant
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 ?
Re: styliser la navigation personnalisé en menu deroulant
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.
Re: styliser la navigation personnalisé en menu deroulant
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.
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.
Sujets similaires
» comment styliser une navigation personnalisé (résolu)
» Style personnalisé d'un sous-menu de navigation différent selon le parent
» Menu déroulant
» Menu déroulant fixe
» Menu déroulant non cliquable
» Style personnalisé d'un sous-menu de navigation différent selon le parent
» Menu déroulant
» Menu déroulant fixe
» Menu déroulant non cliquable
Communauté francophone - Jimdo :: Utiliser Jimdo :: Mise en page de votre site Jimdo :: Choisir un design
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|