Tutorial - Menu Sweet


Olá meus cheirosos (^-^*)/ 

Tudo bem com vocês? Desculpem eu não ter postado no domingo, e eu realmente não sei o que aconteceu com a Yuri no sábado. E sim, era a Sagwa que teria que postar no domingo, mas ela saiu da equipe já faz uns dias, eu tinha me esquecido de dizer isso pra vocês, agora meu horário de postar vai dobrar, e vai ficar pior do que já estava, por causa da falta de tempo.

Eu estava até pensando em colocar outra postadora ou postador aqui no blog, mas eu não conheço ninguém que faça materiais como a Sagwa e a Yuri, perfeitas. Enfim, hoje eu trouxe um tutorial (finalmente) de um menu fofo que usei no layout passado e que haviam pedido na ask. Visualizem o menu online aqui, é só procurar pelo gadget com o título "Menu Sweet".

1. Vá no seu HTML e cole o seguinte código acima da tag  ]]></b:skin>
@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}
.menusweet{
width: 109px;
background: #f6f6f6;
padding: 2px;
font-family: 'Arma Five';
font-size: 8px;
color: #a8a8a8;
text-transform: uppercase;
margin: 2px;
text-align: center;
display: inline;
float: left;
box-shadow: inset 0px 0px 5px #f0f0f0, 0px 0px 2px #ccc;}
.menusweet:hover{
width: 109px;
background:#f3f3f3;
padding: 2px;
font-family: 'Arma Five';
font-size: 8px;
color: #a8a8a8;
text-transform: uppercase;
margin: 2px;
text-align: center;
display: inline;
float: left;
box-shadow: inset 0px 0px 5px #f0f0f0, 0px 0px 2px #ccc;}
2. Para usar o menu, cole o seguinte código em um gadget de  HTML/JavaScript
<a href="http://www.blogger.com/LINK"><div class="menusweet">Menu Sweet</div></a>
<a href="http://www.blogger.com/LINK"><div class="menusweet">Menu Sweet</div></a>
<a href="http://www.blogger.com/LINK"><div class="menusweet">Menu Sweet</div></a>
<a href="http://www.blogger.com/LINK"><div class="menusweet">Menu Sweet</div></a>

20 comentários:

  1. Espero que encontre alguém tão bom(a) quanto elas.
    Lindo menu, até usaria se não estivesse tentando meus próprios códigos.
    Beijos,
    Sorvete de Limão

    ResponderExcluir
  2. Awnnnnnnnnnnnn, que fofo, Natiçu *O* Muito lindinho, adorei ;3

    OMG, a Sag saiu da equipe? Que trágico, UAHHUSA' ;p

    Beijinhos,

    Juu-Chan ;3 | Nescau com Nutella

    ResponderExcluir
  3. Que gracinha *u* Lindinho e fofo *u*
    Obsession.

    ResponderExcluir
  4. Yoo, Natsu! Peço muita desculpa pela ausência aqui no JLT. Vou comentar sempre a partir de agora! >.<
    Lamento que a Sagwa tenha saído da equipa. :( Espero que encontres alguém para postar brevemente. >.<
    Adorei o menu, é muito organizado e simples, fica bem em qualquer design! *U*

    - catching ✩ stars

    ResponderExcluir
    Respostas
    1. Tudo bem, Agnes. Faz um tempinho que não comento lá no CS, mas meu tempo ficou reduzido depois que comecei a natação. <3 Obrigado!

      Excluir
  5. Bonito o menu :3
    Espero que ache alguém tão bom quanto a Sag :3

    ResponderExcluir
  6. Adorei o menu e com certeza usarei .
    Quando você vai postar o efeito color ?

    ResponderExcluir
  7. Adorei esse menu,é tão fofo! ♥ *^*

    b-mixing.blogspot.com

    ResponderExcluir
  8. Ain, que menu liendoo <3

    - HTMNL Secret

    ResponderExcluir
  9. Boa sorte pra encontrar uma boa postadora c:
    Esse menu está perfeito *-* Super fofo, e por ser mais simples dá pra usar com qualquer coisa praticamente, muito útil ♥

    xoxo ~ ★
    mikicandy.blogspot.pt

    ResponderExcluir
  10. Mais um menu perfeito senhor Natsu! Parabéns ficou lindo!

    Beijocas :3

    Beatriz FF do Html Chan

    ResponderExcluir

Regras:
• Os comentários são moderados.
• Não xingue nada nem ninguém.
• Comentários como: "Seguindo, segue de volta ?" serão deletados.
• Se for fazer uma crítica faça com educação e bom senso.
• Pedidos feitos por comentário não serão realizados, pedidos só na ask.
• Obrigado por comentar!