[Problème] personnaliser menus

[amp66]

D'abord voilà le site : www.bernardkohn.org.
Mon template a été fait sur artisteer et il parait que niveau code c'est pas terrible, mais bon...
1- Ouverture des menus
Quand j'ouvre le menu vertical, l'onglet présentation du main menu n'est plus actif, je voudrais qu'il reste gris clair.
De la même façon dans le menu vertical, quand j'ouvre architecte et projet, le menu des projets apparait et quand on clique dessus, le menu vertical se ferme et je souhaiterais qu'il reste ouvert.
2- Personnalisation du menu vertical. Je ne sais pas comment faire pour que le border d'"architecte" devienne bleu , "pédagogue" violet et "citoyen" rouge en hover et visited.
J'ai lu pas mal de trucs sur le forum dessus, créer des item mais j'avoue ne pas comprendre comment faire, où mettre affichage en liste et comment personnaliser les menus.
Merci d'avance pour votre aide.

[amp66]

Re : personnaliser menus

Bonjour à tous !
N'ayant pas de réponse sur la façon de personnaliser les menus, j'ai cherché partout sans résultat.
Cela provie,t probablement des codes générées par Artisteer, la prochaine fois, j'adapte un template existant, les codes n'en seront que plus clair !

Mais j'ai beau chercher je n'arrive pas à personnaliser la couleur des contours de chaque item du menu vertical.
Quelqu'un peut-il m'aider ?

Pour ce qui est des menus qui se ferment alors que je souhaiterais qu'ils restent ouverts, il parait qu'il faut faire du javascript, alors là au secours !, car je n'y connais rien,est-ce que quelqu'un peut m'éclairer ?
Merci d'avance

[Halocom]

Re : personnaliser menus

Bonjour à tous !
N'ayant pas de réponse sur la façon de personnaliser les menus, j'ai cherché partout sans résultat.
Cela provie,t probablement des codes générées par Artisteer, la prochaine fois, j'adapte un template existant, les codes n'en seront que plus clair !

Mais j'ai beau chercher je n'arrive pas à personnaliser la couleur des contours de chaque item du menu vertical.
Quelqu'un peut-il m'aider ?

Pour ce qui est des menus qui se ferment alors que je souhaiterais qu'ils restent ouverts, il parait qu'il faut faire du javascript, alors là au secours !, car je n'y connais rien,est-ce que quelqu'un peut m'éclairer ?
Merci d'avance

Bonjour,
Voici le code dont vous avez besoin pour les contours des items
//ARCHITECTE :
.item-173 a {background-image:none; border:2px solid Blue;}
//PEDAGOGUE :
.item-169 a {background-image:none; border:2px solid Indigo;}
//CITOYEN :
.item-172 a {background-image:none; border:2px solid Red;}

[amp66]

Re : personnaliser menus

Bonjour,
Voici le code dont vous avez besoin pour les contours des items
//ARCHITECTE :
.item-173 a {background-image:none; border:2px solid Blue;}
//PEDAGOGUE :
.item-169 a {background-image:none; border:2px solid Indigo;}
//CITOYEN :
.item-172 a {background-image:none; border:2px solid Red;}

Merci beaucoup pour votre aide, je vais essayer de l'adapter en hover et visited !

[Halocom]

Re : personnaliser menus

Merci beaucoup pour votre aide, je vais essayer de l'adapter en hover et visited !

Voici la base :
.item-173 a:hover {border-color:Green;}

Si votre template attribut une classe à l'item actif c'est encore mieux, supposons que cette classe s'appelle "active" ça donnerait ça :
.item-173 a.active {border-color:Orange;}

[amp66]

Re : personnaliser menus

Voici la base :
.item-173 a:hover {border-color:Green;}

Si votre template attribut une classe à l'item actif c'est encore mieux, supposons que cette classe s'appelle "active" ça donnerait ça :
.item-173 a.active {border-color:Orange;}

Merci beaucoup. Maintenant je suis confontée à un autre problème. Je souhaite ajouter des puces devant chaque item la liste des projets mais je ne trouve pas la solution. C'est peut-être lié au fait que j'ai réalisé mon template sur Artisteer.
Voilà l'URL http://www.bernardkohn.org/fr/archit...-11-57-07.html.
J'ai beau faire pour l'item 144, cela ne fonctionne pas.
.item-144 a {
background-image: url('../images/blockcontentbullets.png');
background-repeat: no-repeat;
background-position: top left;
}
Il faut dire que je suis novice en la matière, je bidouille !
Si quelqu'un pouvait me venir en aide.
Merci d'avance.
amp66

[Halocom]

Re : personnaliser menus

J'ai beau faire pour l'item 144, cela ne fonctionne pas.
.item-144 a {
background-image: url('../images/blockcontentbullets.png');
background-repeat: no-repeat;
background-position: top left;
}

Essayez ça : ( sans le a )
.item-144 {
background-image: url('../images/blockcontentbullets.png');
background-repeat: no-repeat;
background-position: top left;
}
si ça ne marche pas, c'est que le chemin vers l'image url('../images/blockcontentbullets.png') n'est pas bon. Donc revoir sa position avec + ou - de : ( ../ )

[amp66]

Re : personnaliser menus

Je le tente et donne vite des nouvelles !
Merci

[amp66]

Re : personnaliser menus

Merci, merci, merci Halocom !!!
Je cherche depuis une semaine et ça y est !
Mais je n'arrive toujours pas à mettre en hover et active le contour d'architecte en bleu, pédagogue en violet, citoyen en rouge...
Voilà mes codes générés par Artisteer...
J'ai refait des images une vmenuitemb.png, vmenuitemviolet.png, vmenuitemrouge.png
/* begin VMenuItem */
ul.art-vmenu a
{
display: block;
cursor: pointer;
z-index:0;
text-decoration: none;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
margin-left:0;
margin-right:0;
position:relative;
}

ul.art-vmenu li{
position:relative;
}

ul.art-vmenu>li>a
{
color: #9E9E9E;
padding: 0 12px 0 12px;
height: 30px;
line-height: 30px;
white-space: nowrap;
}

ul.art-vmenu>li>a.active {
color: #5E6164;
}
ul.art-vmenu a:hover, ul.art-vmenu a.active:hover {
color: #ADADAD;
}

ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after
{
position: absolute;
display: block;
content: ' ';
z-index:-1;
background-image: url('../images/vmenuitem.png');
top:0;
height:30px;
}

ul.art-vmenu>li>a:before{
left: 0;
right: 3px;
background-position: top left;
}
ul.art-vmenu>li>a:after{
width: 3px;
right: 0;
background-position: top right;
}
ul.art-vmenu>li>a.active:before {
background-position: bottom left;
}
ul.art-vmenu>li>a.active:after {
background-position: bottom right;
}
ul.art-vmenu>li>a:hover {
background-color: transparent;
}
ul.art-vmenu>li>a:hover:before {
background-position: center left;
}
ul.art-vmenu>li>a:hover:after {
background-position: center right;
}

ul.art-vmenu>li{
margin-top:6px;
}
ul.art-vmenu>li>ul{
margin-top:6px;
padding-bottom: 0;
}
ul.art-vmenu>li:first-child{
margin-top:0;
}
ul.art-vmenu>li>a::first-letter {font-weight:bold!important;}
/*.item-173 {background-image:url('../images/vsubitembleu.png');}
.item-169 {background-image:url('../images/vmenuitemviolet.png');}
.item-172 {background-image:url('../images/vmenuitemrouge.png');}*/
/* end VMenuItem */
Merci d'avance pour votre aide

[ZOZO12]

Re : personnaliser menus

groupssss!!! ça s'est des renseignements bien utile, merci.
Maintenant, ayant utiliser aussi Artisteer pour la version précédente, je réalisait tout ceci à partir du programme même, n'étant pas doué pour mettre les mains dans le cambouis des CSS ou autres php. Mais merci encore pour ces commentaires que je vais essayer aussi.