Tutorial-Menu Simples

9 de set de 2013 | | |

Yo (・v・)

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

4 comentários:

  1. Parabéns! O efeito é muito fofo ><

    http://welcome-to-kawaii-land.blogspot.com.br/

    ResponderExcluir
  2. Muito fofo esse menuzinho u--
    xoxo

    chovendo-glitter-em-londres.blogspot.com

    ResponderExcluir

Oiie Deixe Aqui Seu Recadinho E Leia As Regras Para Não Cometer Nenhum Erro Ok. U.U

Regrinhas:
-Comente sobre a postagem
-Não xingue ninguém.
-Não Pegar nada sem avisar
-Se Comentar,Deixe A Url Do Seu Blog,Para Que Podemos Retribui A Visita.
-Qualquer Duvida Leia A F.A.Q

Agora Pode Comenta O Post..'