/* Menu */
.zul {
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
}
.zli1,.zli2,.zli3,.zli4 {
	background-image: url(deco/pge0.png);
	background-repeat: no-repeat;
	padding-left: 14px;
}
.zon {
	background-image: url(deco/pge1.png);
}
.zli1 {
	margin-left: 0px;
}
.zli2 {
	margin-left: 16px;
}
.zli3 {
	margin-left: 32px;
}
.zli4 {
	margin-left: 48px;
}

ici, on définit une image commune pour le fond de tous les items du menu (l'image pge0.png du reertoire deco) dans la règle .zli1,.zli2,.zli3,.zli4, puis pour chaque classe .zli 1 à 4 on se contente de faire un décalage. Il est possible de définir une image de fond propre à chacun des niveaux de menu, en éditant la définition de la classe correspondante.

.zul : la classe de la liste qui contient les liens du menu.
.zli1 à zli4 (ou plus si vous utilisez davantage de niveau de menu) : les classes de chaque niveau de menu.
.zon : la classe additionnelle de l'élément de menu actif (la page sur laquelle on se trouve.

Le tout est donc de composer les images dont on a besoin, de les mettre dans le répertoire deco (par exemple), et d'éditer la feuille de style en conséquence. J'espère que les idications fournies ici donnent un point de départ suffisant... après cela relève de connaissances en graphisme et sur les CSS, que je n'ai pas trop vocation à expliquer ici (n'étant pas expert, et le net regorgeant de ressources sur ces sujets).

Vektrox · 18/02/2007 14:45:08

Merci Renaud du coup de main, je vais essayer un peu cet apres-midi.
Mais ça m'a l'air bien compliquer quand meme....

Vektrox · 18/02/2007 23:11:49

Après quelques essais voici le résultat
SITE ZITE ESSAI

Renaud · 18/02/2007 23:24:06

Je vois que tu maîtrises de mieux en mieux... bravo !
Le seul truc, c'est qu'il faudrait que l'on distingue les sous-pages des autres. Peut-être avec unecouleur un peu plus claire pour les images de fond. En tout cas, bon boulot !

Vektrox · 18/02/2007 23:34:57

Oui effectivement, mais cela reste un essai, le principale est de pouvoir un peu dompter ZITE après le reste c'est de la rigolade, par contre je n'est pas trouver le moyen de déplacer le lien d'accès administrateur pour le mettre un peu comme prositif avec une icône sur le bot.

Merci Renaud pour ton excellent CMS
----------------
edit

Effectivement le système de hiérarchie se trouve chamboulé en enlevant les décalage, seulement ça reste bien plus jolie, faudrait trouver qqchose qui pourrait maintenir le système hiérarchie

Dernière modification par Vektrox (19/02/2007 00:05:04)

Renaud · 19/02/2007 09:52:04

Pour la hiérarchie, tu as un exemple avec le design de prositif : si tu prends le template d'origine le menu apparaît arborescent comme avec Zite, alors que le template actuel rend visuellement la hiérarchie d'une manière toute différente.

Le lien login est un lien tout bête. Il est dans la page appelée "module latéral" si je me souviens bien. Tu n'as qu'à l'effacer de là. Puis dans le menu d'admin tu choisis CONFIGURER, tu cliques ensuite sur SOURCE en face de template.php pour en éditer le contenu. Et tu mets ceci :

Site motorisé par <a href="http://zite.prositif.com"> ZITE CMS <?= ZITEVER ?></a> - <a href="index.php?z=login">Administrer</a>

entre <div id="bot"> et le </div> suivant. Là ça te fera un lien texte, mais libre à toi d'uploader une image et ensuite de l'utiliser. Si par exemple tu as envoyé l'image voulue et que c'est, disons, 17.jpg, tu remplaces "Administrer" par

<img src="zfiles/17.jpg" alt="Administrer" />

Vektrox · 19/02/2007 11:55:35

Impec, merci Renaud.

Forum ZitePLUS

#1 18/02/2007 12:30:04

Menu

#2 18/02/2007 13:28:58

Re : Menu

#3 18/02/2007 14:45:08

Re : Menu

#4 18/02/2007 23:11:49

Re : Menu

#5 18/02/2007 23:24:06

Re : Menu

#6 18/02/2007 23:34:57

Re : Menu

#7 19/02/2007 09:52:04

Re : Menu

#8 19/02/2007 11:55:35

Re : Menu

Pied de page des forums