<html>
<tête>
<méta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Effets spéciaux de page Web|http://www.downcodes.com/|---Menu à trois niveaux réalisé avec CSS</title>
<style type="text/css">
<!--
corps {
famille de polices : Arial, Helvetica, sans-serif ;
taille de police : 11 px ;
marge gauche : 0px ;
marge supérieure : 0px ;
marge droite : 0px ;
marge inférieure : 0px ;
}
#menu {
couleur d'arrière-plan : #FEF0E5 ;
filtre:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FEF0E5', gradientType='0');
}
#nav, #navul {
float:left /* Position horizontale globale du menu*/
clair : droit ;
style de liste : aucun ;
/*line-height:22px; menu de premier niveau haut*/
/*background: #eee; Déplace tous les menus en couleur*/
/*font-weight: gras;8*/
remplissage : 0 px ;
marge : 0px ;
/*border:1px solide #ccc;
bordure droite : 0px ;*/
}
#navulul{
/*border:1px solide #ccc;*/
bordure supérieure : 0 px ;
bordure droite : 0px ;
}
#nav un {
largeur : 120 px ;
affichage:bloc;
couleur : #333 ;
décoration de texte : aucune ;
texte-align:gauche;
/*border-right:1px solide #CCC;*/
remplissage : 3 px, 4 px, 3 px, 7 px ;
}
#nav a:survoler{
couleur : #000 ;
bordure : 1px solide #CCC ;
marge : 0px ;
remplissage : 3 px, 5 px, 3 px, 6 px ;
couleur d'arrière-plan : #f1f1f1 ;
décoration de texte : aucune ;
} /* Tous les styles de police a:hover*/
#nav a.selected{background:url(flyout_arrow.gif) no-repeat right 50%;} /* icône déroulante*/
#navli {
flotteur : aucun ;
clair : droit ;
hauteur : 22 px ;
largeur : 120 px ;
}
#nav li ul li{
flotteur : aucun ;
clair : droit ;
hauteur : 22 px ;
largeur : 120 px ;
}
#nav li ul { /* Bit contextuel secondaire*/
position : absolue ;
marge : -22px 0px 0px 119px ;
remplissage : 0 ;
gauche : -9999em ;
largeur : 120 px ;
poids de la police : normal ;
affichage:bloc;
bordure : 1px solide #CCCCCC ;
arrière-plan :#fff ;
}
/* Largeur du menu secondaire*/
#nav li ul a {
width:120px; /* Largeur du menu secondaire*/
/*line-height:24px;Hauteur du menu secondaire
bordure:1px solide #CCC;*/
hauteur : 22 px ;
texte-align:gauche;
marge : 0px ;
}
#nav li ul ul {
marge : -22px 0px 0px 120px ;
bordure : 1px solide #CCC ;
} /* Bit contextuel de niveau 3*/
#nav li:survolez ul ul,#nav li.sfhover ul ul{gauche:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
gauche:auto;
hauteur : 22 px ;
} /* Marge gauche automatique pour tous les menus contextuels */
#nav li:hover, #nav li.sfhover {
arrière-plan :#f1f1f1 ;
hauteur : 22 px ;
}
/* Tous les styles de suspensions */
-->
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
img1=nouvelle image();
img1.src="flyout_arrow.gif";
sfHover = fonction() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
pour (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\b"), "");
}
}
}
window.onload=sfHover;
//--><!]]></script>
</head>
<body>
<table width="120" border="0" cellpacing="0" cellpadding="0" >
<tr>
<td valign="top" id="menu">
<ul id="nav">
<li> <a href=" http://homepage.yesky.com " target="_blank">
<span style="font-size: 9pt">Accueil</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="selected">
<span style="font-size: 9pt">Coopération sur la demande de projet</span></a><span style="font-size: 9pt">
</span>
<ul>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Projet de site Web
</span> </a>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Projet de site Web</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Projet complet du site</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Analyse et planification de sites Web</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">Conception et production Web</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Production et développement de sites Web</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Animation flash du site Web</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Serveur Web</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Conception et production multimédia</span></a>< span style="font-size: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Projet de site Web</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Conception graphique</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Conception de dessins techniques CAO</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Modélisation et animation 3D</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Animation de jeu Flash</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Effets sonores et musique</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Paramètres de peinture d'origine du jeu</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Développement de logiciels</span></a><span style ="taille de police : 9 pts">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Logiciel d'application</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Développement de jeux</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Pilote</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Développement embarqué</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Développement mobile</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">MCU</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Conception de base de données</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Portage de code</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/"><span style="font-size: 9pt">Matériel réseau</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="selected">
<span style="font-size: 9pt">Informations et connaissances</span></a><span style="font-size: 9pt">
</span>
<ul>
<li> <a class="selected" href=" http://www.downcodes.com/"><span style="font-size: 9pt">Informations et connaissances</span></a><span style="font-size: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Informations et outils pratiques</span> </a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Actualités</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Connaissances et compétences</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Production et appréciation du design</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Discussion sur l'expérience de transaction de projet</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Télécharger</span></a></li>
</ul>
</li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Appréciation des excellents travaux</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">Recrutement</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">À propos de ce site</span></a></li>
</ul>
</td>
</tr>
</table>
</body>
</html>