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.

Navigation en design personnel

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

Navigation en design personnel

Message par Patrick_Ouellet le Mer 27 Avr 2016 - 21:11

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!

Patrick_Ouellet

Messages : 2
Date d'inscription : 27/04/2016

http://betbimportation.com

Revenir en haut Aller en bas

Re: Navigation en design personnel

Message par Alain le Mer 27 Avr 2016 - 22:33

Bonsoir,

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
avatar
Alain

Messages : 134
Date d'inscription : 06/10/2014

http://newtemplates2.jimdo.com/

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