Tutorial-Menu Simples

Yo (・ｖ・)

Oiie meus chocolates como vão?

cês viram que eu arrumei todo o blog fico mais organizado não e?

mudando de assunto,gostaria de agradecer a vocês pelos 142 seguidores e pelas 21135 visualizações

 brigada mesmo viu,amo muito vocês.

vou parar de enrola eu vou ensinar a vocês a fazer o menu.

clique em Read More e venha conferi.

Preview

Bom eu quero que vocês lembrem que não foi feito por mim foi feito pela diva kaorii.

1.Vá Em Modelo > Editar HTML pressione Ctrl + F (certifique-se de que a caixinha aparece dentro do box de códigos e não no navegador) e procure por ]]>. Acima disso, cole:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); } a.menupequeno { background-color: #e6e6e6; padding-top: 3px; padding-bottom: 3px; display: inline-block; width: 40px; font-size: 8px; font-family: silkscreen; text-transform: uppercase; text-align:center; border: 1px solid #d1d1d1; letter-spacing: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: inset 0 0 5px #e3e6e7, 0 0 1px #b6b6b6; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; text-shadow: 0 1px 0 #ebebeb; } a.menupequeno:hover { border: 1px solid #f994aa; background-color: #ffc3d0; text-decoration: none; box-shadow: inset 0 0 0px #e3e6e7, 0 0 0px #b6b6b6; text-shadow: 0 1px 0 #fbdae1; opacity: 0.8; }

2. Em um gadget de HTML/JavaScript, cole os códigos abaixo,edite as partes que esta em negrito:

<center>

<a class="menupequeno" href="Link">Nome</a>

<a class="menupequeno" href="Link">Nome</a>

<a class="menupequeno" href="Link">Nome</a>

<a class="menupequeno" href="Link">Nome</a>

</center>

 Prontinho,salve A cor do link varia de blog para blog, pois no menu vai ficar a cor que você selecionou para o site inteirinho. Ah, se por acaso quiserem diminuir o tamanho do menu ou aumentar para ajeitar na sidebar, modifique o 40px que tem no código.

Espero que tenha gostado beijinhos