See also

7 de out. de 2013

Tutorial - Menu Curious

LOVE IS WARRRRRRR *OOO*
Créditos: Pics :3

Oi minhas jujubinhas! Iai? tudo bom?
Pra mim tá ótimo já que não vou ter nenhuma lição de casa por 15 dias! Vai ter show de talentos, baile e tudo mais e as professoras não vão passar lição (isso é devido ao dia das crianças e o halloween). Estou tão besta ocupada ultimamente que nem lembrei que esse mês era halloween! T.T
A Iza-chan me lembrou >3< arigato~ Então, eu decidi postar coisas de halloween! Sim sim, gifs, avatares e tudo mais de halloween, a Kimy-chan vai ficar super feliz porquê ela ama gosta dessa data.. só que hoje vim postar um menu que achei fofissímo! O Menu Curious! Ele é super divoso, aqui tem um preview (link).. Ah, qualquer coisa que quiserem pedir podem pedir ai nos comentários viu?
Vamos lá..


Aperte Ctrl + F e pesquise por ]]></b:skin>
Acima dele cole este código aqui:
@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}
.MenuCurious{
background: #f3f3f3;
border-bottom: 1px solid #ccc;
font-family: 'Arma Five';
text-align: left;
font-size: 8px;
color: #a7a7a7;
padding-left: 7px;
text-shadow: 0px 0px 2px #eee;
-webkit-transition: all 0.50s ease;
}
.MenuCurious:hover{
background: #f6f6f6;
border-bottom: 1px dotted #ccc;
font-family: 'Arma Five';
font-size: 8px;
color: #a7a7a7;
text-shadow: 0px 0px 2px #eee;
padding-left: 7px;
text-align: left;
-webkit-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-o-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
}
Feito isso, abra um gadget html/java script e cole isso:

<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
Prontinho, gostaram? eu adorei xD 
Beijinhos, e em breve, mais goodies .

10 comentários:

  1. Consegui fazer aqui!!
    Amei o tutorial, eu estava precisando desse menu!!Me ajudou muuuuuuuito!

    http://gumelas-in-the-wonderl4nd.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Hyah *o*
      Que bom que te ajudou Fany-chan!! Fico muito feliz com isso <3
      Beijo amore :3

      Excluir
  2. Ótimo tuto..Você passou lá no meu blog e comentou então vim aqui retribuir e estou te seguindo! ;) kissus

    ResponderExcluir
    Respostas
    1. Own *o*
      Obrigada Kakasha-chan, seu blog é lindo demais viu.
      Beijo.

      Excluir
  3. Adorei o tuto :)
    Talvez eu use no próximo layout.

    Blushed |♦| http://b-lushed.blogspot.com.br/

    ResponderExcluir
  4. Eu estava mesmo querendo saber *o* amei o blog, já estou seguindo u_u

    Kisses!
    htmlandresources.blogspot.com

    ResponderExcluir
    Respostas
    1. Own, Deus! seu blog é tão organizadinho!
      Seguindo o seu também *-*
      Que bom que foi o post foi útil <3

      ~Kiss

      Excluir
  5. Que menu lindo, adorei o efeito que ele faz quando passa o mouse.
    Adorei o tuto.Beijos!

    Paradise Kawaii

    ResponderExcluir
    Respostas
    1. Lavíh-chan, divosa *3*
      Eu também adorei, queria que ele fosse maior só que acho que perderia o charme ~
      Kissu <3

      Excluir

CRED
te peguei safado!