Menu: Menu Simples (Bem Simples!)

OOOOOHOOOOEEEE KIDS! Tudo bom??? Eu acho que eu deveria estar seguindo a agendinha que eu coloquei no blog... Mas não to muito afim u-u Enfim, eu meio que AMO menus simplesinhos, acho tão bonitinhos, então eu vivo tentando criar menus simples, meio estilo tumblr, para usar depois em algum layout euehuehe Esse é um amorzinho <3 Não achei um nome melhor pra ele, então vai ficar menu simples mesmo. Se você quiser vê-lo, é só clicar logo ali embaixo ↓


Para usar o menu, vá para Modelo>Editar HTML e procure por ]]><, quando achar cole acima dele:

/*MENU FEITO POR http://html-places.blogspot.com.br/ ||NÃO RETIRE OS CRÉDITOS!*/
.menu1 {
text-decoration: none;
font-style: italic;
text-align: center;
font-family: cambria;
font-size: 12px;/*Tamanho da fonte do menu (coloque pequeno, fica mais bonitinho!)*/
color: #000;/*Cor da fonte do menu, mude se quise!*/
background: none;
padding: 5px;
padding-bottom: 7px;
-webkit-transition-duration: .40s;
}
.menu1:hover {
color: #fff;/*Cor da fonte com o mouse em cima*/
border-bottom: 3px solid #ED9537;/*Cor da borda!*/
-webkit-transition-duration: .40s;
padding-bottom: 2px;
}
Arrume apenas aonde estiver informando, quando terminar, vá para Layout, crie um gadget JavaScript/HMTL e cole isso aqui nele:
<a href="/" class="menu1">Home</a>
<a href="LINK" class="menu1">Link</a>
<a href="LINK" class="menu1">Link</a>
<a href="LINK" class="menu1">Link</a> 
Mude aonde está em negrito e salve. PRONTO! Está aí o menu! Espero que gostem e usem, e se forem usarem avisem e nunca retirem os créditos, por favor! Até em breve, jovens!



Um comentário: