<html>
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312">
<title>Efectos especiales de página web|http://www.downcodes.com/|---Menú de tres niveles hecho con CSS</title>
<tipo de estilo="texto/css">
<!--
cuerpo {
familia de fuentes: Arial, Helvetica, sans-serif;
tamaño de fuente: 11px;
margen izquierdo: 0px;
margen superior: 0px;
margen derecho: 0px;
margen inferior: 0px;
}
#menú {
color de fondo: #FEF0E5;
filtro:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FEF0E5', gradientType='0');
}
#nav, #navul {
float:left; /* Posición horizontal general del menú*/
claro: correcto;
estilo de lista: ninguno;
/*line-height:22px; menú de primer nivel alto*/
/*fondo: #eee; Mover todos los menús a color*/
/*peso de fuente: negrita;8*/
relleno: 0px;
margen: 0px;
/*borde:1px sólido #ccc;
borde derecho: 0px;*/
}
#navulul{
/*borde:1px sólido #ccc;*/
borde superior: 0px;
borde derecho: 0px;
}
#navegar a {
ancho: 120 px;
mostrar:bloquear;
color:#333;
decoración de texto: ninguna;
alineación de texto: izquierda;
/*borde-derecha:1px sólido #CCC;*/
relleno: 3px 4px 3px 7px;
}
#nav a:desplazar{
color:#000;
borde: 1px sólido #CCC;
margen: 0px;
relleno: 3px 5px 3px 6px;
color de fondo: #f1f1f1;
decoración de texto: ninguna;
} /* Todos los estilos de fuente a:hover*/
#nav a.selected{background:url(flyout_arrow.gif) no repetir a la derecha 50%;} /* ícono desplegable*/
#navli {
flotador: ninguno;
claro: correcto;
altura: 22 píxeles;
ancho: 120 px;
}
#nav li ul li {
flotador: ninguno;
claro: correcto;
altura: 22 píxeles;
ancho: 120 px;
}
#nav li ul { /* Bit emergente secundario*/
posición:absoluta;
margen:-22px 0px 0px 119px;
relleno: 0;
izquierda:-9999em;
ancho: 120 px;
peso de fuente: normal;
mostrar:bloquear;
borde: 1px sólido #CCCCCC;
fondo:#fff;
}
/* Ancho del menú secundario*/
#nav li ul a {
ancho:120px /* Ancho del menú secundario*/
/*line-height:24px; altura del menú secundario
borde:1px sólido #CCC;*/
altura: 22 píxeles;
alineación de texto: izquierda;
margen: 0px;
}
#nav li ul ul {
margen:-22px 0px 0px 120px;
borde: 1px sólido #CCC;
} /* Bit emergente de nivel 3*/
#nav li:hover ul ul,#nav li.sfhover ul ul{izquierda:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
izquierda:automático;
altura: 22 píxeles;
} /* Margen izquierdo automático para todos los menús emergentes */
#nav li:hover, #nav li.sfhover {
fondo:#f1f1f1;
altura: 22 píxeles;
}
/* Todos los estilos de suspensión */
-->
</estilo>
<script type="text/javascript"><!--//--><![CDATA[//><!--
img1=nueva imagen();
img1.src="flyout_arrow.gif";
sfHover = función() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=función() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=función() {
this.className=this.className.replace(new RegExp(" sfhover\b"), "");
}
}
}
ventana.onload=sfHover;
//--><!]]></script>
</head>
<body>
<table width="120" border="0" cellspace="0" cellpadding="0" >
<tr>
<td valign="arriba" id="menú">
<ul id="nav">
<li> <a href=" http://homepage.yesky.com " target="_blank">
<span style="font-size: 9pt">Inicio</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="seleccionado">
<span style="font-size: 9pt">El proyecto exige cooperación</span></a><span style="font-size: 9pt">
</span>
<ul>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Proyecto de sitio web
</span> </a>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Proyecto de sitio web</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Proyecto de sitio completo</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Análisis y planificación del sitio web</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">Diseño y producción web</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Producción y desarrollo de sitios web</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Animación flash del sitio web</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Servidor web</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Diseño y producción multimedia</span></a>< estilo de extensión="font-size: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Proyecto de sitio web</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Diseño gráfico</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Diseño de dibujo de ingeniería CAD</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Modelado y animación 3D</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Animación del juego flash</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Efectos de sonido y música</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Configuración de pintura original del juego</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Desarrollo de software</span></a><span style ="tamaño de fuente: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Software de aplicación</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Desarrollo de juegos</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Controlador</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Desarrollo integrado</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Desarrollo móvil</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">Diseño de base de datos</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Transferencia de código</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/"><span style="font-size: 9pt">Hardware de red</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="seleccionado">
<span style="font-size: 9pt">Información y conocimiento</span></a><span style="font-size: 9pt">
</span>
<ul>
<li> <a class="selected" href=" http://www.downcodes.com/"><span style="font-size: 9pt">Información y conocimiento</span></a><span estilo="tamaño de fuente: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Información y herramientas prácticas</span> </a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Noticias</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Conocimientos y habilidades</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Producción y apreciación del diseño</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Discusión sobre la experiencia de la transacción del proyecto</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Descargar</span></a></li>
</ul>
</li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Apreciación de trabajos excelentes</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">Reclutamiento</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Acerca de este sitio</span></a></li>
</ul>
</td>
</tr>
</tabla>
</cuerpo>
</html>