Navigation en design personnel
2 participants
Communauté francophone - Jimdo :: Utiliser du code (utilisateurs avancés) :: Utilisation d'un design personnalisé
Page 1 sur 1
Navigation en design personnel
Bonjour, je n'ai pas trouvé exactement ce que je cherchais (dans un autre post, il est question d'un menu déroulant, mais je n'en veux pas autant!).
J'ai payé pour un compte Business parce que je trouvais que la gestion d'une boutique avec Jimdo était exactement ce dont ma cliente avait de besoin et, aussi, parce-que j'avais vu que Jimdo permettait de personnaliser le design avec du code HTML et CSS (design personnel). Mais, maintenant que je suis en train de construire le site web de ma cliente, je me rend compte que l'utilisation des variables Jimdo m'oblige à avoir une navigation verticale (en liste: ul)...
Est-ce vraiment vrai? Est-il impossible d'avoir une navigation linéale horizontale avec le design personnel??
Merci de m'éclairer!
J'ai payé pour un compte Business parce que je trouvais que la gestion d'une boutique avec Jimdo était exactement ce dont ma cliente avait de besoin et, aussi, parce-que j'avais vu que Jimdo permettait de personnaliser le design avec du code HTML et CSS (design personnel). Mais, maintenant que je suis en train de construire le site web de ma cliente, je me rend compte que l'utilisation des variables Jimdo m'oblige à avoir une navigation verticale (en liste: ul)...
Est-ce vraiment vrai? Est-il impossible d'avoir une navigation linéale horizontale avec le design personnel??
Merci de m'éclairer!
Re: Navigation en design personnel
Bonsoir,
je viens de regarder votre code pour votre navigation et il comporte des erreurs :
Voilà un exemple de code correct :
Evidemment ceci est un exemple et vous pouvez apporter toutes les modifications que vous souhaitez.
Cordialement
Alain
je viens de regarder votre code pour votre navigation et il comporte des erreurs :
- Code:
/* Navigation
----------------------------------------------- */
.mainNav1,
.mainNav2
{
margin:0;
padding: 0;
word-spacing: 30px;
}
/*--ul.mainNav1,
/*--ul.mainNav2
/*--{--
margin:0;
padding: 0;
display: inline-block;
word-spacing: 30px;
}
.mainNav1,
.mainNav2
{ margin: 0;
padding: 0;
word-spacing: 30px;
}
/*--ul.mainNav1 li,
/*--ul.mainNav2 li
/*--{--
margin: 0;
padding: 0;
display: inline-block;
word-spacing: 30px;
}
.mainNav1 a,
.mainNav2 a
{
font:normal 11px/200% Verdana, Geneva, Arial, Helvetica, sans-serif;
word-spacing: 30px;
color:#333;
border-bottom:0px solid #CCC;
/*--ul.mainNav1 li a,
/*--ul.mainNav2 li a
/*--{--
font:normal 11px/200% Verdana, Geneva, Arial, Helvetica, sans-serif;
display: inline-block;
word-spacing: 30px;
color:#333;
border-bottom:0px solid #CCC;
}
.mainNav1 a { padding:4px 8px 24px 4px; }
.mainNav2 a { padding:4px 8px 24px 14px; }
.mainNav3 a { padding:4px 8px 24px 24px; }
/*--ul.mainNav1 li a { padding:4px 8px 24px 4px; }
/*--ul.mainNav2 li a { padding:4px 8px 24px 14px; }
/*--ul.mainNav3 li a { padding:4px 8px 24px 24px; }
.mainNav1 a:hover
{
background:#EEE;
color:black;
}
.mainNav1 a.current { font-weight:bold; }
/*--ul.mainNav1 a:hover
/*--{
background:#EEE;
color:black;
}
/*--ul.mainNav1 a.current { font-weight:bold; }
Voilà un exemple de code correct :
- Code:
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}
.active {
background-color: #4CAF50;
}
Evidemment ceci est un exemple et vous pouvez apporter toutes les modifications que vous souhaitez.
Cordialement
Alain
Sujets similaires
» Effet dans la navigation design Lille
» Cacher l'icone de navigation - Design Cape Town
» Réduire espace sous barre navigation design Amsterdam
» Enlever espace entre logo et navigation et entre navigation et contenu
» CONFLIT DESIGN TOUT PRET ET DESIGN PERSONNALISE
» Cacher l'icone de navigation - Design Cape Town
» Réduire espace sous barre navigation design Amsterdam
» Enlever espace entre logo et navigation et entre navigation et contenu
» CONFLIT DESIGN TOUT PRET ET DESIGN PERSONNALISE
Communauté francophone - Jimdo :: Utiliser du code (utilisateurs avancés) :: Utilisation d'un design personnalisé
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|