Menu cool
É assim: veja aqui.
Parte 1 - CSS
Cole o seguinte código antes de </style>
//**PERSONALIZAÇÃO DO MENU**//
#coolmenuum{border: 1px solid #ccc; width: 200px; background-color: #fff;}
#coolmenuum a{font: 11px georgia; letter-spacing: 1px; padding: 2px; padding-left: 4px; display: block; width: 100%; color: #8C9A3C; text-decoration: none; border-bottom: 1px solid #eee;}
html>body #coolmenuum a{width: auto;}
#coolmenuum a:hover {background-color: #8C9A3C; color: #fff;}
#tabledescription{width: 100%; filter:alpha(opacity=0); -moz-opacity:0; height:2em; margin:5px 0 0 0; padding:3px; font-family:georgia; font-size:12px;width:100%; color: #ccc;}
</style>
//**FIM DA PERSONALIZAÇÃO**//
Editando: O primeiro item em negrito (#ccc) é a cor da borda da caixa; o segundo (#fff) é a cor do fundo da caixa. O terceiro (#8C9A3C) é a cor dos links; o quarto (#eee) é a cor da barrinha que separa as abas. O quinto (#8C9A3C) é a cor do fundo das abas quando você passa o mouse; e o sexto (#fff) é a cor das letras das abas quando você passa o mouse.
Parte 2 - Script principal
Cole esse código depois de <head>
Editando: NÃO MUDE NADA
Parte 3 - Conteúdo
Cole esse código onde você quiser que o menu apareça.
Editando: mude link, conteúdo, e nome da aba.
Este menu foi criado pelo javascriptkit, e modificado e adaptado por mim, o tutorial foi feito por mim. CREDITE se usar e não repasse.
