Tutorial - Menu Simples

Olá Leitores ^^

Ultimamente eu ando bem sumida por aqui, vou explicar o porque: Minha internet ficou fora do ar por 2 dias e depois tive que fazer alguns trabalhos da escola, afinal amanhã têm aula. Quero avisar também que em maio irei me ausentar novamente por 5 dias, mais tentarei fazer um post por dia.

Voltando ao post, estava lendo os pedidos antigos do nosso Tumblr e resolvi fazer o tutorial de como fazer o menu que usamos na gadget Redes Sociais do BC, primeiramente quero dar os créditos ao Kawaii World pelo tutorial e vamos lá.

1. Vá em Editar HTML e procure por ]]></b:skin>. Acima da tag, cole:

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}

.menusimples {float: center; font: 8px "handy", small fonts; color:#fff !important; text-align: center; text-transform: uppercase; background-color: #f69ebf; padding: 3px; border-radius: 1px; text-shadow: 0 1px 0 #a0a0a0;margin-bottom: 5px; margin-top:5px; letter-spacing:0px; display: inline-block; width: auto; align: center; text-align: center; -webkit-transition-duration: .80s;}

.menusimples:hover { background-color: #404040; -webkit-transition-duration: .80s;}

Os códigos em negrito referem-se a cor do fundo, mude de acordo com o seu gosto. 

2. Em um gadget de HTML/JavaScript, cole o seguinte código:

<center><div class="menusimples"><a href="SEU LINK">Tumblr</a></div> + <div class="menusimples"><a href="SEU LINK">Twitter</a></div> + <div class="menusimples"><a href="SEU LINK">Facebook</a></div> </center>