Forum ZitePLUS

La communauté des utilisateurs du CMS ZitePLUS

Vous n'êtes pas identifié(e).

#1 29/01/2010 16:12:55

davyk
Membre
Inscription : 09/09/2008
Messages : 819
Site Web

[UTILE] Xmenu placement et css SOLUTION

salut,
pour tous ceux qui cherchent comment utiliser xmenu en tant que menu horizontal dynamique:

soit deux divs créées dans la div "mid" du template de ziteplus:

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

et le css associé:

/* xmenu */

#divmenu {
height: 50px;
margin-left: 0px;
position: relative;
width: 900px;
}

#menu {
vertical-align: middle;
padding: 5px;
margin-left: 0px;
position: absolute;
}


#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}

#menu li {
float:left;
margin:0;
padding:0;
background-color:black;
}

#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}

#menu .zli3 a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}

#menu li a:hover {
  background-color: #262626;
  color: #ffffff;
}

#menu .xzul2 {
display:none;
}

#menu .xzul3 li {
display:none;
}

#menu ul li ul {
display:none;
}

#menu ul li:hover ul {
display:block;
}

#menu .xzul2 .xzli2:hover ul {
display:block;
}

#menu li:hover ul li {
float:none;
}

l'utilisation de csshover est nécessaire pour IE -> http://www.xs4all.nl/~peterned/htc/csshover3.htc
mettez-le à la racine du zite et rajoutez entre les balises head du template:

<!--[if IE]><style type="text/css">body{ behavior: url("csshover3.htc") }</style><![endif]-->

et AU CAS Où çA MARCHE PAS, rajoutez dans le .htaccess:

AddType text/x-component .htc

Enjoy wink

vYk

Dernière modification par davyk (29/01/2010 16:29:26)


Quand Chuck Norris utilise Windows, il ne plante pas.
ChuckNorrisN'aimePasWindows

Hors ligne

#2 29/01/2010 17:30:02

snypi
Moderateurs
Inscription : 11/03/2008
Messages : 1 235
Site Web

Re : [UTILE] Xmenu placement et css SOLUTION

tip top comme info je vais testé ça
par contre j'ai lu quelque part que csshover.htc risque de bugguer sur les futurs ie ??


un zite+ associatif http://asso.gard.a.toi.free.fr
création de site internet dans le Gard et Ardèche http://www.creation-site-internet-gard.com/

Hors ligne

#3 30/01/2010 02:21:54

davyk
Membre
Inscription : 09/09/2008
Messages : 819
Site Web

Re : [UTILE] Xmenu placement et css SOLUTION

en espérant que les futurs ie supportent ENFIN les reco w3c, le cas échéant, il y aura sûrement une nouvelle version de csshover.

++ vYk


Quand Chuck Norris utilise Windows, il ne plante pas.
ChuckNorrisN'aimePasWindows

Hors ligne

#4 30/01/2010 12:37:15

snypi
Moderateurs
Inscription : 11/03/2008
Messages : 1 235
Site Web

Re : [UTILE] Xmenu placement et css SOLUTION


un zite+ associatif http://asso.gard.a.toi.free.fr
création de site internet dans le Gard et Ardèche http://www.creation-site-internet-gard.com/

Hors ligne

#5 30/01/2010 16:46:26

davyk
Membre
Inscription : 09/09/2008
Messages : 819
Site Web

Re : [UTILE] Xmenu placement et css SOLUTION

je reprends l'avis d'un commentateur de ce post:

Zimt a écrit :

le 06 Janv. 10 à 12h20   

Truc de fou, faut allumer un cierge!!!!!!!!!!!!

c'est sûr qu'on va pouvoir faire péter inkscape et s'éclater avec le svg mais de là à ce qu'à Redmond, ils rendent leur navigateur conforme aux standards du web, le chemin risque d'être long!

merci pour l'info wink

++

Dernière modification par davyk (06/02/2010 13:06:40)


Quand Chuck Norris utilise Windows, il ne plante pas.
ChuckNorrisN'aimePasWindows

Hors ligne

Pied de page des forums