Menu de Links Simples

Quero avisá-los que minha internet tá uma merda ruim, e por isso vai ser mais dificíl de eu postar e moderar comentários. Então, por favor não se aborreçam se eu demorar um pouquinho à responde-los ok? :s
Trouxe um menu de links simples para o tumblr. Não sei vocês mas eu prefiro assim por ficar bonito visualmente e ocupar menos espaço.
Preview:
Dentro do seu CSS cole o seguinte código:
.menu{text-align: center; text-decoration: none;}
.menu a{text-transform:uppercase!important; padding: 5px 5px 5px 5px; display: inline-block; background:#cor do fundo; margin-top: 5px; font-size: 8px; color: #cor da fonte; font-family: tahoma; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; font-weight: bold;} .menu a:hover{background: #cor do fundo quando tu passar o mouse; color: #cor da fonte;}
Agora, dentro do seu HTML (depois de <body>) cole este código e salve:
<div class="menu">
<a href="URL">Nome do link</a>
<a href="URL">Nome do link</a>
<a href="URL">Nome do link</a>
</div>
Esse menu também funciona no blogger, só que ao invés de colar a última parte antes de <body>, você cola num gadget HTML/JavaScript.
Créditos do tutorial: things-to-help-you | tumblr.com

2 comentários:

  1. Gostei do menu, super simples e bonito.
    garotasmustaches.blogspot.com

    ResponderExcluir