♦ Tutorial ~ Menu de Halloween

Hey Rilakkumas Vampiros
Estão sabendo o que a deusa da Lovelly vez? Não?
Pois eu digo. Essa pessoa maravilhosa que só, conseguiu com que o Chá & CupCake ganha-se divulgação no Kawaii World. Sim. O blog está no Kawaii World no gadget "Elas Gostam" e ficara lá durante um mês.
Eu estou tão feliz por isso, e acho que Lovelly não é deste mundo, ela é um ser celeste que veio para este blog melhorar nossas vidas, pois ao invés de ganhar divulgação para o blog dela o Lovelly no Sekai, ela ganhou divulgação para o Chá & CupCake. Ela é ou não é demais?

Então pessoal, agora é a vez do tutorial.
Hoje trouxe um menu no estilo halloween, com direito a abobora que aparece de surpresa.
A imagem de exemplo está mais adiante, Vamos aprender???
O menu no qual estou falando é esse:
Normal e Quando passa o mouse

Para fazer ele, primeiro vamos em:
Layout >> Adicionar Um Gadget >> HTML/JavaScript
E cole esse código os DOIS códigos
<div class="menuhalloween" ><a href="LINK DA PÁGINA"><font color="#fff">NOME QUE APARECE</font></a></div>
<style>
/******** menu halloween by byel af **/
.menuhalloween {background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbgOn-tPkXGA7O8XX-vBlW9KZNWjG3VZEPiLVCcHSVyTWIHmePraVf8ns2tFOo3nIxDfsIxvIrNDFFdo70E0wzAMV7mnuZr94iuLxYpvfcfr29pF5g4C26gn5bfYMEn6QwCODduCsx3nY/s1600/1.png');
 text-decoration:none; background-repeat:no-repeat;
 width:100px;
 height:30px;
 letter-spacing:1px;
 font-family:'Tahoma';
 color: #fff;
 font-size:20px;
 text-align:center;
 margin:1px 1px 1px 1px;
 cursor:hand;
 -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;
}
.menuhalloween:hover
 {text-decoration:none;
 letter-spacing:1px;
 color: #fff;
 height:117px;
 -webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;transition: all 0.5s linear;
}
</style>
 A 1ª parte é onde o gadget vai aparecer. E você só coloca o Link Da Página e o Nome que vai Aparecer. Pode repetir quantas vezes quiser
 A 2ª parte é o código, não se esqueça de colocar ele. Não precisa editar nada.

8 comentários:

  1. Perfeito vou postar no kawaii tutos mf.

    Uma pergunta você ta afim de postar no Kawaii Tutos M.F?

    ResponderExcluir
  2. Fica muito bom, pena que não foi postado antes de fazer meu template de halloween, agora estou com preguiça de mudar e,e


    Eu vi o Chá e Cupcake lá na divulgação, só a Lovelly mesmo! Vocês merecem *--*

    ResponderExcluir
  3. Ai Byel >_< você me deixa sem graça falando assim u.u'
    Não fiz nada de mais seu bobo!
    Nossa, ficou muito legal o efeito *-*
    Ta de parabéns u.u'

    ResponderExcluir
  4. que menu lindo!! pena que né... não tenho onde colocar ele HUAHSUASHAUSS
    Meus blogs são yaoi e a única imagem que eu gostaria que tivesse é um garoto lindo com uma abóbora na cabeça saindo quando passasse o mouse e embaixo o namorado dele heheheheh *Byel joga um tijolo em Miyaneo agora, certeza* HUAHSUAHSUAHUSHAUSHAUSAHUSHAUSAHSUASHUAHAUHAUS
    Tipo, pra colocar no SL, saka?? KKKKKKKKKKKKKKKKK -NN
    Kissus Kissus e Parabéns por ter conseguido indicações no Kawaii World, eu fui lá ver e realmente tá lá -Dã-...

    ResponderExcluir
  5. que lindo.
    eu uso meu menu no banenr, mas vou guardar esse tutorial *u* pq vai q eu vou usar né.

    ResponderExcluir
  6. Que menu lindo maan *---* amei! Um dia ainda vou fazer um lay no meu blog com o tema "The Nightmare Before Christmas" e com certeza vou usar esse menu *---*
    Beijos!

    myacidblackcherry.blogspot.com

    ResponderExcluir
  7. 'u' ja usei, fiz umas modificações, ve la no meu blog: http://nadacomnada-blog.blogspot.com.br/

    ResponderExcluir