Forum ZitePLUS

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)

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
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/