Xmenu : Apparition disparition

didoch54000 · 27/12/2009 02:52:31

Bonjour à tous,
D'une part je souhaitais remercier l'équipe de Zite (plus) qui font un excellent travail, ainsi que toutes les personnes qui aident les pauvres 'petits gents' comme moi .

J'ai un soucis que je ne comprend pas voici mon Template.php :

<body>
<div id="page">
		<!-- L'entête de page -->
		<div id="top">
			<?php echo $zite->content['pnl5'] ?>
		</div>
		
		<div id="mid">
			<!-- Le menu -->
			<div id="side">
				<div id="menu_horizontal"><?php echo $zite->content['pnl2'].$zite->content['menu'].$zite->content['pnl3'];?></div>
				<div id ="menu"><?php echo $zite->content['pnl2'].$zite->content['xmenu'].$zite->content['pnl3'];?></div>
			</div>
			
			<!-- La zone de contenus de la page -->
			<div id="main">
				<?php echo $zite->content['pnl7'].$zite->content['main'].$zite->content['pnl8'] ?>
				<img alt="Logo.png" src="templates/adpps/_Images/Footer_GlobalFond.png" />
			</div>
			<div id="break"></div>
		</div>
		
		<!-- Le pied de pag -->
		<div id="Footer">
			<br/><br/>
			<img alt="footer.png" src="templates/adpps/_Images/footer.png" />
		</div>
		<div id="bot"><?php echo $zite->content['pnl6'] ?></div>
	</div>
</body>

Et mon CSS

body{
	font-size : 75%;
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	background:#f1efe1 none repeat scroll 0 0;
	margin:auto;
	text-align: center; 
	width:800px;
}

/*#Style de la page complète*/
#top{
	background:transparent url(../_Images/Header.png)no-repeat scroll left top;
	margin:0 auto;
	text-align:Center;
	width:800px;
	height:150px;
}

#main{
	background:transparent url(../_Images/GlobalFond.png) repeat-y scroll center top;
	margin:0 auto;
	text-align:center;
	width:800px;
}

#page {
	position: relative;
	margin-left: auto; 
	margin-right: auto; 
	width: 800px ; 
	text-align: left; 
}

#Texte{
	text-align:justify;
	padding : 10px ; 
	
}

#bot {
	width: 800px;
	font-size: 75%;
	text-align: center;
	margin:center;
	padding:center;
	color: #225;
}


/*Menu horizontal */
#menu_horizontal {
	text-align: center;
	padding:0; 
	margin:0; 
	list-style:none; 
	height:35px; 
	background:url(../_Images/LittleMenu.png);
}
#menu_horizontal ul {
	margin:0 0 0 45px;
}

#menu_horizontal li{
	float:center;
	margin:auto;
	padding:0;
}

#menu_horizontal ul li {
	display:inline;
	margin:0;
	padding:0;
}

#menu_horizontal a {
	display:block; 
	float:left; 
	height:35px; 
	line-height:33px; 
	color:#aaa; 
	text-decoration:none; 
	font-family:arial, verdana, sans-serif; 
	text-align:center; 
	padding:0 0 0 17px; 
	cursor:pointer; 
	font-size:13px;
	font-weight:bold
}

#menu_horizontal a:hover {
	color:#fff;
	font-weight:bold ;
}

#menu_horizontal li.current a {
	color:#fff; 
	background:url(../_Images/BarreMenu2.png);
}

#menu_horizontal li .zli2, .zli3, .zli4 {
	display:none;
}

#menu_horizontal li .current ul {
	display:block;
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #000; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}


#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}



/* ----------------------------- */
/*    Typographie globale        */
/* ----------------------------- */
#p
{
	text-align:center;
}


h2 {
  color: #776556;
  margin: 10px 0 15px 0;
  padding: 0px 0 0 0;
  line-height: 1.2;
  font-size: 1.7em;
  letter-spacing:-1px;
  font-weight:bold;
}

h3 {
  color : #666;
  font-size: 1.4em;
  font-weight: normal;
  margin: 10px 0 5px 0;
  padding: 10px 0 0 0;
}

h4 {
	font-size: 1.1em;
	margin: 1.5em 0 0.8em 0;
}

h5 {
	font-size: 1em;
	margin: 1.5em 0 1em 0;
}

a {
  color: #3B81BE;
  text-decoration: none;
  border-width: 0;
}

img {
	border : none;
}

a:visited {
  color: #688291;
}

a:hover, a:focus, a:active {
  text-decoration: underline;
}

h2 a {
  color: #FF7800;
}

h2 a:hover, h2 a:focus, h2 a:active {
  text-decoration: none;
  color: #eb5800;
}

h2 span.hometype {
  color:#999;
}


/* styles zite */
#zadmin {
	padding: 0 2px;
	margin: 3px 0 0 0;
}
.ztable {
	padding:0 2px;
	width: 100%;
	margin:0;
}
.zalert {
	padding: 0 2px;
}

.zerr {
		border: 1px solid #C00;
		background-color: #FEA;
		padding: 0 1px;
}

Je vous accorde que c'est Brouillon.

Mon soucis est le suivant lorsque je suis utilisateur du site je ne vois pas mon second menu qui fait référence à :

<div id ="menu"><?php echo $zite->content['pnl2'].$zite->content['xmenu'].$zite->content['pnl3'];?></div>

Alors que quand je me connecte en tant qu'administrateur du site mon test xmenu apparait.

Peut être que votre il aguerrit va voir l'erreur grosse comme moi, mais la je ne vois pas...

Merci pour votre aide et longue vie à Zite(+)

iomej · 27/12/2009 10:37:19

C'est normal que ça ne s'affiche pas :

Dans le template, la ligne <div id ="menu"><?php echo $zite->content['pnl2'].$zite->content['xmenu'].$zite->content['pnl3'];?></div> appelle une fonction xmenu qui n'existe pas. Il faut mettre menu tout simplement.

Par ailleurs, toujours dans le template, la ligne <div id="menu_horizontal"><?php echo $zite->content['pnl2'].$zite->content['menu'].$zite->content['pnl3'];?></div> doit être insérée au dessus du <div id="mid">

didoch54000 · 27/12/2009 14:27:13

Désoler mais je ne comprend toujours pas, Xmenu est un module censé exister puisque je souhaite faire un menu hiérarchique horizontal, j'ai donc suivis :
Xmenu

Toujours est-il que le menu fonctionne puisque quand je me connecte en tant qu'admin du site je vois bien apparaitre le menu (en noir):

Connexion Visiteur:

Voici un extrait de'index.php pour montrer que xmenu est bien existant :

<?php
	include('zite/zite.php');
	// Initalisation de zene, avec le template 'main'
	$zite = & new zite(__FILE__);
	// On génère le contenu
	$zite->builder();
	$zite->page_module('xmenu');
	// On affiche la page
	print $zite->output();
?>

Est ce qu'il faut changer manuellement dans la fonction output :

function output() { // mettre constante pour multilangue !!
	  if (!$this->isdoc) {
			$this->append(($this->truepage?($this->isPageAuth($this->truepage,cPageWrite)?'<a href=index.php?z=page_editor|'.$this->truepage.'><img src="deco/edit.png"></a>':'').'</p>':''));
			$this->content['main'] = $this->content['pre_main'].$this->content['main'].$this->content['post_main'];
			if (!isset($this->content['page_desc'])) $this->content['page_desc'] = $this->config['site_description'];
			if (!isset($this->content['page_keyword'])) $this->content['page_keyword']=$this->config['site_keywords'];
			if ($this->config['version']<'ZITEPLUS 0.9.0') $this->content['menu'] = $this->content['pnl2'].$this->content['menu'].$this->content['pnl3'];
			ob_start();
			$zite = & $this;
			require($this->ipath.'/'.$this->config['files_template']);
			return ob_get_clean();
		} else { return '';}
	}

Merci pour votre aide

Dernière modification par didoch54000 (27/12/2009 14:28:58)

davyk · 27/12/2009 16:46:18

salut et bienvenue sur le fofo,

tu es hébergé chez qui? (pas pendant les fêtes hein )

++ vYk

didoch54000 · 27/12/2009 17:02:38

Bonjour,

Pour le moment je suis en local donc avec WampServer (php version 5.2.11 car la 5.3 me fait une erreur :
Deprecated: Assigning the return value of new by reference is deprecated in C:\wamp\www\menu\index.php on line 4.)

Edit: Je n'ai plus l'erreur pour la version 5.3 de php en effet j'ai changé la ligne index.phpp :
$zite = &new zite(__FILE__);
en
$zite = new zite(__FILE__);

Par la suite mon site est prédestiné à être hébergé chez 1&1.
Il s'agit en fait d'une 'vitrine' pour un autoentreprenneur (mon papa) voila pour l'histoire du site.
Je ne manquerais pas de faire un lien sur zite quand il sera opérationnel.

Dernière modification par didoch54000 (27/12/2009 17:10:20)

davyk · 27/12/2009 17:20:26

si je comprend bien, tu as téléchargé et installé l'archive de doekia, c'est ça?

didoch54000 · 27/12/2009 17:21:42

En effet oui

davyk · 27/12/2009 17:26:01

c'était juste pour être sûr que tu ne crois pas que xmenu fait partit d'emblée de ziteplus mais est bel est bien un module à ajouter.
je me souviens avoir eu des soucis pour le faire fonctionner en local (pas avec wamp).
tu as activé le module dans la liste?

++ vYk

davyk · 27/12/2009 17:27:19

ah oui je me souviens, il faut modifier les permissions qui sont uniquement pour l'admin, voilà!
c'est à côté de l'activation (vert/ rouge, dans la liste des modules)

Dernière modification par davyk (27/12/2009 17:28:56)

davyk · 27/12/2009 17:32:56

au fait, je ne le dirais jamais assez mais il faudrait poster dans le bonne section -> ziteplus

didoch54000 · 27/12/2009 17:34:01

Comme je me sent 'nul' ca fait deux jours que je cherche et j'ai tout essayé :
CSS ancienne version....

Merci pour ton aide.

D'après toi est-ce une bonne manière de réaliser un menu hierarchique ?

Merci encore.

davyk · 27/12/2009 17:40:35

T'as pas à te sentir nul, c'est un truc con, certes mais j'ai pas trouvé de suite non plus

menu hiérarchique?
il y a une nouvelle fonction dans le dernier ziteplus (qu'il faut activer ) permettant d'avoir la vue de toutes les pages filles, c'est à dire un menu entièrement déplié mais il ne concerne pas le menu horizontal, quoique, en le cssisant..
j'utilise xmenu pour faire un menu horizontal dépliant pur css, l'utilité, je la trouve là ++

Dernière modification par davyk (27/12/2009 17:41:24)

didoch54000 · 27/12/2009 17:47:44

Ok donc je pense être sur la bonne voie .
Merci encore pour ton aide.

davyk · 27/12/2009 17:51:38

mais de rien,
je te souhaite une excellente année 2010 en notre compagnie

++ vYk

Forum ZitePLUS

#1 27/12/2009 02:52:31

Xmenu : Apparition disparition

#2 27/12/2009 10:37:19

Re : Xmenu : Apparition disparition

#3 27/12/2009 14:27:13

Re : Xmenu : Apparition disparition

#4 27/12/2009 16:46:18

Re : Xmenu : Apparition disparition

#5 27/12/2009 17:02:38

Re : Xmenu : Apparition disparition

#6 27/12/2009 17:20:26

Re : Xmenu : Apparition disparition

#7 27/12/2009 17:21:42

Re : Xmenu : Apparition disparition

#8 27/12/2009 17:26:01

Re : Xmenu : Apparition disparition

#9 27/12/2009 17:27:19

Re : Xmenu : Apparition disparition

#10 27/12/2009 17:32:56

Re : Xmenu : Apparition disparition

#11 27/12/2009 17:34:01

Re : Xmenu : Apparition disparition

#12 27/12/2009 17:40:35

Re : Xmenu : Apparition disparition

#13 27/12/2009 17:47:44

Re : Xmenu : Apparition disparition

#14 27/12/2009 17:51:38

Re : Xmenu : Apparition disparition

Pied de page des forums