Menu kawaii

Oi gente!

Vim aqui trazer um tutorial de menu, wee*

Mais um, FINALMENTE!

Então, o nome desse menu é "Menu kawaii", me faltou criatividade pra fazer um nome melhor. e.e

Anyway, indo logo pro assunto que interessa. Pra ver o preview do menu é só clicar AQUI!

Créditos da parte em hover para o flogvip.

Vá em Modelo > Editar HTML clique ctrl + f e procure por ]]></b:skin> acima disso que você acabou de procurar cole esse código:

/* ------ CARIBE ------ */
#barra .fvbarra a:link, #barra .fvbarra a:visited ,#barra .fvbarra a:active {align: center; color: #ffffff;  font: 8px calibri; line-height: 12px; text-align: center;
padding: 15px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; background: #fc86a2; margin: -2px; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out; box-shadow: 0px 0px 5px #fc86a2; background-image: url(""); border-radius: 0px; -moz-border-radius: 0px;
-webkit-border-radius: 0px;}
#barra .fvbarra a:hover {align: center; margin: 0px; color: #fffff; font: 8px calibri; text-align: center; letter-spacing: 2px; padding: 15px;
text-decoration: none; text-transform: uppercase; background: #b2ddde; opacity: 1.0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
box-shadow: 0px 0px 5px #b2ddde; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
#barra .fvbarra {
align: center;
font: normal 1px Verdana;
color: transparent;
}
#barra .barraimg {
opacity:.0;
width: 1px;
}

Salve o modelo e vá a parte de Layout, adicione um novo gadget de HTML/JavaScript e cole esse outro código:

<div id="barra">
<table border="0" cellspacing="0" cellpadding="0" class="tubo">
  <tr>
<td><img src="http://flogvip.net/img/pixel.gif" alt="" width="1" height="1" /></td>
<td><img src="http://flogvip.net/img/pixel.gif" alt="" width="1" height="1" /></td>
    <td width="610" class="fvbarra"><a href="SEU LINK AQUI" class="fvbarra">Nome do link aqui</a> | <a href="SEU_LINK_AQUI" class="fvbarra">Nome do link aqui</a> | <a href="SEU_LINK_AQUI" class="fvbarra">Nome do link aqui</a> | <a href="SEU_LINK_AQUI" class="fvbarra">Nome do link aqui</a> | <a href="SEU_LINK_AQUI" class="fvbarra">sair</a></td>
<td><img src="http://flogvip.net/img/pixel.gif" alt="" width="1" height="1" /></td>
  </tr>
</table>
</div>