Menu Sugoi Design

Oi gente, bom como pediram na ask para postar como faz o menu do Sugoi Design que é muito fácil confiram :

 1- Vá em Editar HTML e procure por ]]</b:skin>; 

2 - Cole e edite o código abaixo com as cores que você deseja;

#baarra {

width: 100%;

background: #18012e repeat;

height: 80px;

padding-top:30px;
padding-left:60px;

margin-bottom: 5px;

margin-right: 5px;

clear: both;

}

@font-face { font-family: 'Mentone Semibol' ; src:
url('http://static.tumblr.com/9awgtsr/vKEmqjn5g/ufonts.com_gotham_bold.ttf'); }

menuz  {
float:left;
font-family: Mentone Semibol, Armata, sans-serif;;  
letter-spacing: 2px; 
font-size: 15px; 
line-height: 20px; 
display: 
inline-block; 
background:transparent; 
color:#fff; 
text-shadow: 0px 0px 10px #1c1c1c;
width: auto; 
padding:10px; 
margin-top: 10px; 
margin: 1px; 
text-align: center; 
text-transform: uppercase;
 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}

menuz:hover {
float: left;
font-family:Mentone Semibol; 
letter-spacing: 2px; 
font-size: 15px; 
line-height: 20px; 
display: inline-block; 
background:  transparent; 
color:#0d0119; 
text-shadow: 0px 0px 10px #1c1c1c;
width: auto; 
padding: 10px; 
margin-top: 10px; 
margin: 1px; 
text-align: center; 
text-transform: uppercase; 
 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}

3 - Coloque esse código onde quer que apareça

<div id="baarra">
<center>

<a href="LINK"  title="NOME"><menuz>NOME</menuz>

<a href="LINK"  title="NOME"><menuz>NOME</menuz>

<a href="LINK"  title="NOME"><menuz>NOME</menuz>

</center>
</div>

Créditos : Sugoi Tutoriais. CREDITE!