<html>
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Efeitos especiais da página da Web|http://www.downcodes.com/|---Menu de três níveis feito com CSS</title>
<style type="texto/css">
<!--
corpo {
família de fontes: Arial, Helvetica, sans-serif;
tamanho da fonte: 11px;
margem esquerda: 0px;
margem superior: 0px;
margem direita: 0px;
margem inferior: 0px;
}
#menu {
cor de fundo: #FEF0E5;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FEF0E5', gradienteType='0');
}
#nav, #navul {
float:left /* Posição horizontal geral do menu*/
claro: certo;
estilo de lista: nenhum;
/*line-height:22px; altura do menu de primeiro nível*/
/*background: #eee; Move todos os menus para cores*/
/*peso da fonte: negrito;8*/
preenchimento:0px;
margem:0px;
/*borda:1px sólido #ccc;
borda direita: 0px;*/
}
#navulul{
/*borda:1px sólido #ccc;*/
borda superior:0px;
borda direita:0px;
}
#nav a {
largura:120px;
exibição: bloco;
cor:#333;
decoração de texto: nenhum;
alinhamento de texto: esquerda;
/*borda direita:1px sólido #CCC;*/
preenchimento: 3px 4px 3px 7px;
}
#nav a:hover{
cor:#000;
borda: 1px sólido #CCC;
margem: 0px;
preenchimento: 3px 5px 3px 6px;
cor de fundo: #f1f1f1;
decoração de texto: nenhuma;
} /* Todos os estilos de fonte a:hover*/
#nav a.selected{background:url(flyout_arrow.gif) no-repeat right 50%;} /* ícone suspenso*/
#navli {
flutuar: nenhum;
claro: certo;
altura:22px;
largura:120px;
}
#nav li ul li{
flutuar: nenhum;
claro: certo;
altura:22px;
largura:120px;
}
#nav li ul { /* Bit pop-up secundário*/
posição:absoluta;
margem:-22px 0px 0px 119px;
preenchimento:0;
esquerda: -9999em;
largura:120px;
peso da fonte:normal;
exibição: bloco;
borda: 1px sólido #CCCCCC;
plano de fundo:#fff;
}
/* Largura do menu secundário*/
#nav li ul a {
largura:120px; /* Largura do menu secundário*/
/*line-height:24px; Altura do menu secundário
borda:1px sólido #CCC;*/
altura:22px;
alinhamento de texto: esquerda;
margem: 0px;
}
#nav li ul ul {
margem:-22px 0px 0px 120px;
borda: 1px sólido #CCC;
} /* Bit pop-up de nível 3*/
#nav li:hover ul ul,#nav li.sfhover ul ul{esquerda:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
esquerda:automático;
altura:22px;
} /* Margem esquerda automática para todos os menus pop-up */
#nav li:hover, #nav li.sfhover {
plano de fundo:#f1f1f1;
altura:22px;
}
/* Todos os estilos de suspensão */
-->
</estilo>
<script type="text/javascript"><!--//--><![CDATA[//><!--
img1=nova imagem();
img1.src="flyout_arrow.gif";
sfHover = função() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (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"), "");
}
}
}
janela.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">Página inicial</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="selected">
<span style="font-size: 9pt">Cooperação na demanda do projeto</span></a><span style="font-size: 9pt">
</span>
<ul>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Projeto de site
</span> </a>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Projeto de site</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Projeto completo do site</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Análise e planejamento de sites</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">Design e produção web</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Produção e desenvolvimento de sites</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Animação em flash do site</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">Design e produção multimídia</span></a>< span style="tamanho da fonte: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Projeto de site</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Design gráfico</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Projeto de desenho de engenharia CAD</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Modelagem e animação 3D</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Animação de jogo em Flash</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Efeitos sonoros e música</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Configurações de pintura original do jogo</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Desenvolvimento de software</span></a><span style ="tamanho da fonte: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Software aplicativo</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Desenvolvimento de jogos</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Driver</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Desenvolvimento incorporado</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Desenvolvimento móvel</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">Design de banco de dados</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Portabilidade de código</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/"><span style="font-size: 9pt">Hardware de rede</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="selected">
<span style="font-size: 9pt">Informação e Conhecimento</span></a><span style="font-size: 9pt">
</span>
<ul>
<li> <a class="selected" href=" http://www.downcodes.com/"><span style="font-size: 9pt">Informação e Conhecimento</span></a><span style="tamanho da fonte: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Informações práticas e ferramentas</span> </a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Notícias</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Conhecimento e habilidades</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Produção e apreciação de design</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Discussão sobre experiência de transação do projeto</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Baixar</span></a></li>
</ul>
</li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Apreciação de excelentes trabalhos</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">Recrutamento</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Sobre este site</span></a></li>
</ul>
</td>
</tr>
</table>
</body>
</html>