Tutorial: Menu Suspenso

Boa noite monk's!

Infelizmente de manhã eu não postei porque eu tava fazendo o meu caderno de revisão mas como assim? você não tá de ferias?  Sim, sim eu estou de ferias mas nas duas semanas antes das ferias eu fiquei sem fazer  o caderno de revisão (tem que revisar oque a prof° passou naquele dia, no tanto uma folha por dia) porque como sou super estudiosa (e sou mesmo) eu pensei "Nossa eu sei que não vou sair nas ferias então, não vou revisar as matérias essas semanas que eu faço nas ferias" E eu fiquei 11 dias sem fazer oque eu havia 

prometido então minha mãe ta me obrigando a revisar tudo. E mudando oque eu pensei (pra piorar) eu vou sair sim, mas depois eu faço um post falando que vou ter avisar. Eu trouxe um tutu de como colocar um menu suspenso, eu achei ele no AB, cliquem em leia mais...

1º passo: Vá em modelo > Editar HTML > Dê F3 e procure por ]]></b:skin>;

2º passo: Cole o seguinte seguinte código antes da tag:

#links { position:absolute; overflow:hidden; top: 35px; left: 433px; } #links a { margin-right: 25px; text-align: center; display:block; float:left; color:#CCFFFF; font-family: 'coneria script demo'; font-size: 24px; font-weight: normal; text-shadow:1px 1px 15px #00CCFF; } #links a:hover { margin-top: 8px; #credits { font:normal 11px Arial; color:#444; height: 110px; padding-top: 80px; background: url(http://s2.vagalume.com/macklemore/images/g86316w250.jpg) repeat; text-shadow:1px 1px #fff; position: top; } /*menu por Liah - Cherry Bomb - credite sempre*/#menucb { float: left; display: line; margin:1px; background:#FDADFD; /*Cor de fundo */ width: 100px; /*Largura de cada link do menu */ height: 25px; text-align:center; font-size: 10px; /*Tamanho da fonte*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 0px 9px #cccccc; -webkit-box-shadow: 1px 0px 9px #cccccc; box-shadow: 1px 0px 9px #cccccc; text-shadow: 0px 1px 5px #cccccc; -webkit-transition: color 0.7s ease-out;-moz-transition: color 0.7s ease-out;transition: color 0.7s ease-out; } #menucb:hover { background: #FF00FF; /* Cor de funo quando passa o mouse*/ color: #F29400; /*Cor do texto quando passa o mouse*/ }

 3º passo: Cole o código abaixo antes da tag </body>:

<div id='links'>

<a href=' Link da página'> Nome da página</a>

<a href=' Link da página'> Nome da página</a>

<a href=' Link da página'> Nome da página</a>

<a href=' Link da página'> Nome da página</a>

<a href=' Link da página'> Nome da página</a>

</div>

 4º passo: Ajuste aonde pede nos dois códigos.

Creditos: AB