Menu em javascript, você pode usar para seus links de login, ou como menu de navegação mesmo.
Página do script Dynamicdrive e foi totalmente modificado por mim, por tanto se fizer uso dele, credite.

01. Faça o download do arquivo pop-it-menu e descompacte.
02. Abra o arquivo e procure por:

linkset[0]='<div class="menu-nav"><a href="http://www.link.com" target="new">Link 1</a></div>'
linkset[0]+='<div class="menu-nav"><a href="http://www.link.com" target="new">Link 2</a></div>'
linkset[0]+='<div class="menu-nav"><a href="http://www.link.com" target="new">Link 3</a></div> '
linkset[0]+='<div class="menu-nav"><a href="http://www.link.com" target="new">Link 4</a></div>'
linkset[0]+='<div class="menu-nav"><a href="http://www.link.com" target="new">Link 5</a></div>'

Altere os links do seu menu como preferir.

03. Salve o arquivo e envie para seu servidor.
04.Após a tag head coloque:

<script type="text/javascript" src="http://www.SITE.com/pop-it-menu.js"></script>

Substituindo "SITE" pelo endereço correto do arquivo pop-it-menu.js.
05. No seu css adicione o código a seguir e modifique como quiser:

.menu-nav{
display: block;
font-family:tahoma;
border-bottom:1px solid #f0f0f0;
display: block;
margin:0;
padding: 2px 6px 2px 2px;
height: auto;
}
.menu-nav:hover {
display: block;
background-color: #f8f8f8;
}
#popitmenu{
position: absolute;
font-size: 10px;
font-family:tahoma;
background-color:#ffffff;
letter-spacing: 2px;
border: 1px solid #e8e8e8;
z-index: 100;
visibility: hidden;
}

06. Onde quer que o menu apareça, use:

<a title="Login" href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">Menu</a>

Você pode alterar a palavra "Menu" por uma imagem se quiser.

07. O resultado será semelhante a esse:

Aprenda a colocar as abas que tanto podem ser usadas no seu perfil como nas suas páginas extras.
Página do script barelyfitz.com

01. Faça o download do arquivo tabber e descompacte.
02. Envie o arquivo tabber.js para o seu servidor.
03. Coloque depois da tag head o seguinte código:

<script type="text/javascript">
document.write('<style type="text/css">.tabber{display:none;}< \/style>');
</style></script>
<script type="text/javascript" src="http://www.SEUSITE.com/tabber.js"></script>

Não esqueça de substituir "SEUSITE" pelo seu endereço correto.

04. Adicione ao seu css o conteúdo do arquivo "example.css" ou faça o upload dele para o seu servidor e chame para o seu template usando:

<link rel="stylesheet" href="http://www.SEUSITE.com/example.css" type="text/css" media="screen" />

Edite no css as cores e os estilo que você achar melhor.

05. Onde você quer que apareçam as abas use:

<div class="tabber">
<div class="tabbertab"><h3>Aba 1</h3>Conteúdo 1 aqui</div>
<div class="tabbertab" title="Aba 2">Conteúdo 2 aqui</div>
<div class="tabbertab" title="Aba 3">Conteúdo 3 aqui</div>
</div>

06. Abaixo do código das abas coloque:

<script type="text/javascript"> /* Since we specified manualStartup=true, tabber will not run after the onload event. Instead let's run it now, to prevent any delay while images load. */ tabberAutomatic(tabberOptions); </script>

07. (Opcional) Se você quiser que o que o conteúdo das abas carregue mesmo se não estiver concluído, coloque depois de head o seguinte:

<script type="text/javascript">
var tabberOptions = {manualStartup:true};
</script>
<script type="text/javascript" src="tabber.js">
</script>

Obrigada http://skywards.iblogger.org por essa sugestão.

08. O resultado será semelhante a esse: