Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

10/11/2013

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!


Um comentário:

  1. Yooo amei o tutorial,muito bacana o resultado !

    Beijos !

    http://nightsofwinteroficial.blogspot.com.br/

    ResponderExcluir

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.