6 de outubro de 2012

Tutorial-Menu Kaawaii meio colorido (Fácil d +)


                                    
                                                                                  O.o

Olá babys..Tb?Comigo ótimo ^^ Hoje eu vim postar um menu muito lindo q é do Kawaii World...Lá n tem o tutorial desse menu , mais eu consegui descobrir cm se faz!!E foi dificil de descobrir demorei mais o menos uma hora .-. Vamos aprender?Então vamos lá ^^ Antes disso , vejam o resultado do menu:


                                                                                                    Lindo né??

Vamos aprender!!Primeiro vá em >> Design depois em >> Layout depois em >> Adicionar um Gadget e adicione HTML/JavaScript e cole esse código abaixo:



<center style="background-color: white; color: #666666; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 15px;">
<div id="rainbowup" style="-webkit-transition: 1s; font-family: Tahoma; font-size: 12px;">
<div class="color1">
<a href="Link da pagina " style="-webkit-box-shadow: rgb(156, 198, 210) 0px 0px 10px inset; -webkit-transition: 0.5s; background-color: #bcdde6; border: 1px solid rgb(156, 198, 210); box-shadow: rgb(156, 198, 210) 0px 0px 10px inset; color: white; display: block; opacity: 1; padding: 5px 200px 5px 7px; position: absolute; text-decoration: none; text-shadow: rgb(105, 159, 194) 1px 1px 0px;">Titulo da pagina</a></div>
<br />
<div class="color2">
<a href="Link da pagina" style="-webkit-box-shadow: rgb(224, 163, 185) 0px 0px 10px inset; -webkit-transition: 0.5s; background-color: #f8c8d9; border: 1px solid rgb(224, 163, 185); box-shadow: rgb(224, 163, 185) 0px 0px 10px inset; color: white; display: block; margin-top: 12px; opacity: 1; padding: 5px 198px 5px 7px; position: absolute; text-decoration: none; text-shadow: rgb(228, 125, 160) 1px 1px 0px;">Titulo da pagina</a></div>
<br />
<div class="color3">
<a href="Link da pagina" style="-webkit-box-shadow: rgb(156, 198, 210) 0px 0px 10px inset; -webkit-transition: 0.5s; background-color: #bcdde6; border: 1px solid rgb(156, 198, 210); box-shadow: rgb(156, 198, 210) 0px 0px 10px inset; color: white; display: block; margin-top: 24px; opacity: 1; padding: 5px 189px 5px 7px; position: absolute; text-decoration: none; text-shadow: rgb(105, 159, 194) 1px 1px 0px;">Titulo da pagina</a></div>
<br />
<div class="color4">
<a href="Link da pagina" style="-webkit-box-shadow: rgb(224, 163, 185) 0px 0px 10px inset; -webkit-transition: 0.5s; background-color: #f8c8d9; border: 1px solid rgb(224, 163, 185); box-shadow: rgb(224, 163, 185) 0px 0px 10px inset; color: white; display: block; margin-top: 35px; opacity: 1; padding: 5px 197px 5px 7px; position: absolute; text-decoration: none; text-shadow: rgb(228, 125, 160) 1px 1px 0px;">Titulo da pagina</a></div>
<br /></div>

Depois de ter feito isso salve!Obs: e só dar 4 paginas...

E onde estar escrito em Titulo da pagina vcs coloquem o nome da pagina , e onde estar Link da pagina vcs coloquem o endereço da pagina ^^  e se vcs usarem , der créditos ao: Amizade de Menina

Bjos e o tutorial vai ficar lindo em seus blogs *__* Fui

3 comentários:

  1. Eu não sabia que não tava te seguindo '-'
    Agora eu to e-e

    ResponderExcluir
  2. Muito legal o menu,acho que vou usar no próximo layout do blog.
    Já estou seguindo^^

    Beijos
    Doce Capuccino

    ResponderExcluir
  3. Obg flor.
    E use mesmo ^^ Vai ficar lindo em seu blog.
    Bjos

    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⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)