3 de outubro de 2012

Tutorial - Um fácil menu de status.

                              

  Olá amigas, tudo bem ? Trouxe mais um tutorial, um bem simples, que deixa seu blog lindjo, vamos aprende-lo ? :3

  Estão curiosos pro resultado, não estão? Primeiro os créditos do tutorial ao eJhonas, então, olhe o resultado:

                                 
                                                                  Imagem do eJhonas.

 Gostaram? Pois eu amooo esse menu de status, agora, chega de conversa, vamos prender como faz!

  Vão em Design, Editar HTML & procure por ]]></b:skin>
 Após acharem, cole esse código acima do que você achou:

  .wishlist {
background: #eee;
font-family:  Verdana;
font-size: 8px;
margin: 1px;
color: #444444;
display: block;
-moz-box-shadow: inset 3px 0 0px 0 #C6E68D;
-webkit-box-shadow: inset 3px 0 0px 0 #C6E68D;
box-shadow: inset 3px 0 0px 0 #C6E68D;
padding: 3px 3px 3px 6px;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.wishlist:hover {
-moz-box-shadow: inset 550px 0 0px 0 #C6E68D;
-webkit-box-shadow: inset 550px 0 0px 0 #C6E68D;
box-shadow: inset 550px 0 0px 0 #C6E68D;
color: #444444;}


  OBS: Onde está rosa em negrito (Estilo #;), é a cor desejada por você! e onde está sublinhado (Verdana), é a fonte que você quer no seu menu.

  Agora, vocês vão em Layout, adicionar um gadget & adicione o JavaScript/HTML e cole esse código:

<div class="wishlist">Coloque as palavras aqui</div>

 Simples, onde está em negrito (Coloque as palavras aqui), você coloca o que desejar!
 Gostaram? espero que sim, até a próxima :)



5 comentários:

  1. ai que lindo o menu, eu queria colocar no meu blog mas ja tem muita coisa e ja ta cheio demais rsrs mas no proximo layout irei colocar, muito lindo *u*

    visita se quiser
    blognew-girl.blogspot.com/
    flor por favor vota na DEMI LOVATO por favor, todas as que votarem eu estarei colocando no meu blog uma divulgação por 1 mes obrigado pela atençao http://me-and-myfriends(.)blogspot.com.br/2012/10/batalha-das-musicas-final.html >tire os parenteses<

    ResponderExcluir
  2. Adorei o tuto !*-*
    Seguindo aqui !
    http://lindosefofosbeijinhosdoces.blogspot.com.br/

    ResponderExcluir
  3. Oii, obrigada pela visita no meu blog! Adorei o tuto! Beijoos, seguindo akii!
    isaloy.blogspot.com

    ResponderExcluir
  4. Lindoo, obrigada pela visita no blog!

    ResponderExcluir

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)