menu horizontal et liens couleurs differentes

laurent39 · 23/04/2008 14:39:56

Bonjour,

j'ai mis sur un site fait avec zite un menu horizontal en haut avec la methode css display:inline.
pas de probleme particulier.
par contre on ne peut plus mettre de pages "filles" (sous-pages) sinon elles disparaissent du menu.

peut on quand meme changer la couleur d'un lien dans le menu ??
(pages "mères" : ex. bleue, pages "filles" ex. vert)

merci à ceux ou celles qui veulent contribuer à cette discussion.

Laurent

brec'hed · 29/04/2008 15:34:17

laurent39 a écrit :

Bonjour,
j'ai mis sur un site fait avec zite un menu horizontal en haut avec la methode css display:inline.
pas de probleme particulier.
par contre on ne peut plus mettre de pages "filles" (sous-pages) sinon elles disparaissent du menu.

Etrange, je travaille sur le même sujet et je n'ai pas ce problème-là. As-tu vérifier dans l'admin que les pages enfants sont bien activées ? Par défaut, dans le menu "pages", quand une page est créée, il y a un carré rouge qui indique que la page n'est pas activée pour le site en version public. Il suffit de cliquer sur le carré ; il devient vert : la page est disponible en public et elle apparaît dans le menu.

peut on quand meme changer la couleur d'un lien dans le menu ??
(pages "mères" : ex. bleue, pages "filles" ex. vert)
merci à ceux ou celles qui veulent contribuer à cette discussion.
Laurent

Oui. Il suffit de pointer le css sur la class zite correspondante :

Les classes du menu de navigation dans zite sont répertoriées ainsi : 

zli1 (menu premier niveau donc parent)

zli2 (menu second niveau donc enfant)

zlix etc

dans le fichier css mettre
/*parent en bleu*/
ul li.zli1
{
color:blue;
}

/*enfant en vert*/
ul li.zli2
{
color:green;
}

Dernière modification par brec'hed (29/04/2008 15:39:47)

laurent39 · 29/04/2008 16:26:22

Merci Brec'hed !
mais ça ne marche tjs pas... les pages que je mets en fille sont bien en carré vert dans l'admin.
sitot que je les mets à droite avec la fleche (dans admin>pages) pour en faire une page fille : son nom disparait du menu.
J'ai dû mal faire mon menu horizontal ou alors j'ai oté des proprietés des autres zli2, zli3...
Pourrais-tu stp mettre ta css en ligne que je vois où la mienne est incomplète ?
Ce qui serait bien c'est que je puisse voir ton resultat sur un site...

En tout cas merci encore pour ton aide.

brec'hed · 29/04/2008 18:51:35

Salut,

Pour l'instant le travail n'est pas encore en ligne (en cours) ; je te mettrai une page en ligne d'ici demain avec une adresse ip adéquate pour le brouillon.

brec'hed · 30/04/2008 18:04:06

Salut laurent39,

Je vais te faire attendre encore un peu. J'ai oublié le brouillon chez moi. Demain, je ne suis pas disponible donc vendredi si je n'oublie rien...

brec'hed · 02/05/2008 13:54:41

Slaut,

C'est ici, http://apcd24.lautre.net/trucs/menu_hor … _zite.html en espérant que cela répondra à tes attentes.

laurent39 · 29/05/2008 21:10:52

Brec'hed trop fort !!
Je n'avais pas vu que tu avais posté une derniere réponse...
le tuto en ligne est tout simplement top ! c'est clair, simple et précis !
je pense ne pas etre le seul qui appréciera !! beau boulot !

merci encore.

dfraiture · 10/03/2011 23:50:14

Aaaaah ! Encore un post qui date, qui m'intéresse, ... mais dont le lien est mort, donc pas de tuto !
Dommage, l'aurait bien aidé ...

michael79 · 10/03/2011 23:56:45

dfraiture a écrit :

Aaaaah ! Encore un post qui date, qui m'intéresse, ... mais dont le lien est mort, donc pas de tuto !
Dommage, l'aurait bien aidé ...

Salut, pour les couleurs, la dernière version de Zite est beaucoup plus simple.

Les cases et liens ont des styles par niveau:

zli, zli1, zli2, etc... pour les cases
zon, zon1, zon2, etc... pour la case du menu actif
za, za1, za2, etc... pour les liens
zaon, zaon1, zaon2, etc... pour le lien du menu actif

Il faut donc définir ces classes dans la feuille de style:

Exemple: le niveau 2 en fond bleu avec texte blanc.

.zli2
{
  background-color: #0000ff;
}

.za2
{
  color: #ffffff;
}

A+

Michael

dfraiture · 11/03/2011 00:03:58

Oui, mais j'aime les vieilles choses ...

Non, sérieux, j'ai beaucoup plus de voir à voir mes modifs quand je travaille dans Zite+ que dans Zite ... Donc, préfère Zite ... simple, quoi !

laurent39 · 11/03/2011 11:19:16

Hello,

mes css de menu horizontal
(après il faut se débrouiller car je ne souviens plus trop comment j'avais fait, désolé)

.bloc{
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 8pt;
text-align: center;
}

#menu{
background: #6A6458;
width: 644px;
height: 21px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
top: 0;
}

#menu li{
float: left;
width: 140px;
margin: 0;
padding: 0;
border: 0;
}

.xzul1{
overflow:hidden;
}

li.xzli1{
list-style-type: none;
float: left;
margin: 0;
padding: 0;
border: 0;
}
/*les liens*/
.xzul1 a:link ,
.xzul1 a:visited
{
display: block;
height: 1%;
color: #FFF;
background: #5F879D;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}

/*couleur SURVOL*/
.xzul1 a:hover
{
display: block;
height: 1%;
color: #FFF;
background: #666;
margin: 0;
padding: 4px 8px;
text-decoration: none;
}

/*Au clic sur le lien*/
.xzul1 li:active{
color : #5F879D;
}

.xzul1 a:hover > .xzul2 {
display:block;
position:absolute;
}

/*Affiche le sous menu au survol de la souris */
li.xzli1.xnest:hover> ul.xzul2 {
display:block;
position:absolute;
}

/*Sous-menu*/

.xzul2{
list-style-type: none;
display : none;
margin: 0;
padding: 0;
border: 0;
font-size: 80%;
}
ul.xzul2 a:hover {
background-color: #a8c8d9;
}
.xzli2{
float: none;
margin: 0;
padding: 0;
width: 180px;
}

/*SOUS-SOUS-RUBRIQUE*/
.xzul3{
list-style-type: none;
display : block;
margin:0;
padding: 0;
border: 0;
font-size: 9px;
}
ul.xzul3 a:link {
background-color: #3a9acf;
}
ul.xzul3 a:hover {
background-color: #31769c;
}
.xzli3{
float: none;
margin: 0;
padding: 0px;
width: 180px;
background-color: #20536f;
}

dfraiture · 11/03/2011 12:49:43

ok, merci, vais tester ça ASAP

michael79 · 11/03/2011 15:32:01

xzli, xzul, c'est du Zite+ ça (le xmenu). ça n'existe pas en Zite

dfraiture · 11/03/2011 16:43:40

me disait bien ...

Pas grave, vais encore chercher

Forum ZitePLUS

#1 23/04/2008 14:39:56

menu horizontal et liens couleurs differentes

#2 29/04/2008 15:34:17

Re : menu horizontal et liens couleurs differentes

#3 29/04/2008 16:26:22

Re : menu horizontal et liens couleurs differentes

#4 29/04/2008 18:51:35

Re : menu horizontal et liens couleurs differentes

#5 30/04/2008 18:04:06

Re : menu horizontal et liens couleurs differentes

#6 02/05/2008 13:54:41

Re : menu horizontal et liens couleurs differentes

#7 29/05/2008 21:10:52

Re : menu horizontal et liens couleurs differentes

#8 10/03/2011 23:50:14

Re : menu horizontal et liens couleurs differentes

#9 10/03/2011 23:56:45

Re : menu horizontal et liens couleurs differentes

#10 11/03/2011 00:03:58

Re : menu horizontal et liens couleurs differentes

#11 11/03/2011 11:19:16

Re : menu horizontal et liens couleurs differentes

#12 11/03/2011 12:49:43

Re : menu horizontal et liens couleurs differentes

#13 11/03/2011 15:32:01

Re : menu horizontal et liens couleurs differentes

#14 11/03/2011 16:43:40

Re : menu horizontal et liens couleurs differentes

Pied de page des forums