Forum ZitePLUS

La communauté des utilisateurs du CMS ZitePLUS

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

#1 21/02/2012 18:30:27

mon-adc
Membre
Inscription : 09/11/2010
Messages : 19

Xmenu déroulant avec ombre et cadre

Bonjour
voilà ou j'en suis pour obtenir un xmenu déroulant
Dans le base.css de mon skin après avoir installé le module xmenu et modifié le template j'ai mis ceci

/* //////////////// xmenu ////////////*/
.xzul {
    
    }
.xzli1{
    list-style-type: none;
    float: left;
    padding: 10px 10px 10px 10px;
    margin: auto auto auto;
     /* deco*/
background: #cedbe9; /* Old browsers */
background: -moz-linear-gradient(top,  #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedbe9), color-stop(17%,#aac5de), color-stop(50%,#6199c7), color-stop(51%,#3a84c3), color-stop(59%,#419ad6), color-stop(71%,#4bb8f0), color-stop(84%,#3a8bc2), color-stop(100%,#26558b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* IE10+ */
background: linear-gradient(top,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */
/*bordure*/
    border: solid 1px #000000;
    -moz-border-radius-topleft: 34px;
    -moz-border-radius-topright: 35px;
    -moz-border-radius-bottomleft: 35px;
    -moz-border-radius-bottomright: 35px;
    -webkit-border-top-left-radius: 34px;
    -webkit-border-top-right-radius: 35px;
    -webkit-border-bottom-left-radius: 35px;
    -webkit-border-bottom-right-radius: 35px;
    border-top-left-radius: 34px;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
    /*ombre*/
    -moz-box-shadow: 13px 17px 32px #000000;
    -webkit-box-shadow: 13px 17px 32px #000000;
    box-shadow: 13px 17px 32px #000000;
    }
.xzli1 .xzli2,.xzli3,.xzli4{
    display: none;
}
.xzli1:hover .xzli2,.xzli3,.xzli4{
    display: block;
    padding: 5px 15px;
}

à vous de jouer por améliorer tout ça
petit bémol la deco et l'ombre fonctionne très mal sous ie sous firefox je ne sais pas  asuivre
Bien cordialement

Mon-Adc

Dernière modification par mon-adc (21/02/2012 18:32:25)

Hors ligne

#2 22/02/2012 00:24:23

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

Re : Xmenu déroulant avec ombre et cadre

merci pour le partage
mais perso cela fait très old scool smile
je ne suis pas trop fan du design que cela produit
cordialement


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

Pied de page des forums