Menu
Connexion Yabiladies Ramadan Radio Forum News
menu css
m
9 septembre 2008 01:50
je veux faire un menu come ici
www.er-y.com
merci pour l'aide
9 septembre 2008 11:26
tu fait editer la source !


et tu trouve:


<style type="text/css">/*
<![CDATA[*/
body {
background-color:#FFFFFF;
}
.rad3.rad4.rad5.rad6.rad7.menu {
margin: 10px;
height: 100px;
font-size: 12pt;
font-family: roman;
}
.menu ul {
margin: 0pt;
padding: 0pt;
position: relative;
z-index: 500;
list-style-type: none;
width: 11em;
}
.menu li {
background-color:#FFFFFF;
float: left;
}
.menu li.sub {
background-color:#FFFFFF ;
}
.menu table {
position: absolute;
border-collapse: collapse;
top: 0pt;
left: 0pt;
z-index: 100;
font-size: 1em;
margin-top: -1px;
}
.menu a, .menu a:visited {
border: 1px solid #FFFFFF;
display: block;
text-decoration: none;
height: 2em;
line-height: 2em;
width: 11em;
color:#0000FF;
padding-left: 1em;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-transform: none;
}
.menu b {
float: right;
margin-right: 5px;
}
* html .menu a, * html .menu a:visited {
width: 11em;
}
* html .menu a:hover {
color: #ccff66;
background-color:#8080C0;
position: relative;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-decoration: none;
text-transform: none;
}
.menu li:hover {
position: relative;
}
.menu a:active, .menu a:focus {
color: #FFFFFF;
background-color: #8080C0;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-decoration: none;
text-transform: none;
}
.menu li:hover > a {
color: #FFFFFF;
background-color:#A6CAF0;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-decoration: none;
text-transform: none;
}
.menu li ul {
padding: 2em;
visibility: hidden;
position: absolute;
top: -2em;
left: 7em;
background-color: transparent;
}
.menu li:hover > ul {
visibility: visible;
}
.menu ul a:hover ul ul {
visibility: hidden;
}
.menu ul a:hover ul a:hover ul ul {
visibility: hidden;
}
.menu ul a:hover ul a:hover ul a:hover ul ul {
visibility: hidden;
}
.menu ul a:hover ul {
visibility: visible;
}
.menu ul a:hover ul a:hover ul {
visibility: visible;
}
.menu ul a:hover ul a:hover ul a:hover ul {
visibility: visible;
}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility: visible;
}/*]]>*/
</style>
<style>
<!--
body {cursor:url("[clicpartout.free.fr]winking smiley;}
.Style2 {font-size: 36px}
-->
</style>
 
Emission spécial MRE
2m Radio + Yabiladi.com
Facebook