Forum ZitePLUS

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

vYk

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

---

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

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/

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

snypi

Moderateurs

Inscription : 11/03/2008

Messages : 1 235

Site Web

Re : [UTILE] Xmenu placement et css SOLUTION

on peut plus qu'espérer http://www.clubic.com/actualite-318702- … c-svg.html

---

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/

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:

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

++

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

---

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