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/28/2013

Menu Borda

{leiam o livro A Seleção e A Elite}
Oi gente, bom esse menu eu editei com a inspiração no site Mcyrus.com o porque da inspiração é só a borda, lá você vê que o header tem uma borda então eu editei o menu confiram o resultado e cliquem em Mais Informações para ver o tutorial:

NomeNome NomeNome
1 - Coloque esse codigo no seu css ;
menu {
font-family: Arial; 
letter-spacing: 2px; 
font-size: 15px; 
line-height: 13px; 
display: 
inline-block; 
background:#F3F3F3; 
color:#000; 
width: auto; 
padding: 5px; 
margin: 1px; 
text-align: center; 
border: 2px solid #fe7421;
 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}

menu:hover {
font-family: Arial; 
letter-spacing: 2px; 
font-size: 15px; 
line-height: 13px; 
display: inline-block; 
background:  #fe7421; 
color:#fff; 
width: auto; 
padding: 5px; 
margin: 1px; 
text-align: center;  
border: 2px solid #fe7421;
 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}

2 - E esse codigo a onde quer que apareça;
<a href="http://sugoi-design.com"  title="Sugoi"><menu>Nome</menu></a><a href="http://sugoi-design.com"  title="Sugoi"><menu>Nome</menu></a>

Um comentário:

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