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: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>
Fica simples, mas é fofinho *-*
ResponderExcluirMeu Mundo, Meu Estilo
Participe do HTML PROJECT e dispute prêmios incríveis para o seu blog