21 de setembro de 2012

Tutorial - Menu Glow

                            Tumblr_lmbrf8bztd1qbugsho1_500_large

   Oi amores, tudo bem? >.< ' Saudade de vocês, sabia? [rs], trouxe um tutorial de um menu, do We Heart HTML, então.. os créditos! Bem simples, fofo, e perfeito pra um blog! Clique em leia mais, para aprender. :3

  É um menu hover, uma cor e quando passa o mouse por cima fica de outra! Quer um exemplo? clique  aqui para ver, o menu é onde está escrito " Menu Glow " no titulo do gadget! Gostou? então, quer aprender? Vamos lá.

  1° Vá em design.
  2° Editar HTML.
  3° Procure por ]]></b:skin> .
  4° Ao achar essa tag, cole o código abaixo acima da tag:

/* Menu Glow por Alan www.wehearthtml.blogspot.com */
.glow {
font-family: Arial;
text-align: center;
margin-left:5px;
margin-bottom:10px;
color: #9E0F21;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size:16px;
background: #C8013A;
padding: 8px;
-webkit-transition-duration: 1.0s;
-moz-box-shadow: inset 0 0 10px #9E0F21;
-webkit-box-shadow: inset 0 0 10px #9E0F21;
box-shadow: inset 0 0 10px #9E0F21;
}
.glow:hover {
color: #9E0F21;
background: #FEFDF8;
padding: 8px;
-moz-box-shadow: inset 0 0 10px #9E0F21;
-webkit-box-shadow: inset 0 0 10px #9E0F21;
box-shadow: inset 0 0 10px #9E0F21;
}
 Onde está em azul claro, vocês ajeitam do seu gosto! Agora, vão em Layout e adicionar um gadget, adicione o HTML/JavaScript.. e cole esse código:

<a class="glow" href="LINK">NOME DO LINK/a>
 Onde está " Link " coloque o link que você quer! e onde está " Nome do Link " coloque o nome que quiser também.. Repita várias vezes que quiser, se quiser vários menus desse! Espero que tenham gostado, até a próxima, amores. sz 



5 comentários:

  1. Fica lindo o menu *o*
    Depois também tenho que o utilizar >.<
    Kiss~

    ResponderExcluir
  2. Fica lindo, né? Pena que eu já tenho um menu blog!
    Mas fica lindo!
    Beijos, Batom De Framboesa.

    ResponderExcluir
  3. Olá Debora como vai vim pedir duas coisinhas hoje:
    1-Já te coloquei na elite de afiliados agora só falta você me colocar e seguir o blog.
    2-Bom essa segunda é um novo "quadro" que ira começar no blog eu entrevisto os donos de outros blogs é bem ranquilo e queria saber se vc aceita participar desse quadro? Se sim é só vc comentar no blog e me enviar seu e-mail para ste.karolline@gmail.com o blog que esta te oferecendo esta entrevista é www.docesonhosfalsasilusoes.blogspot.com
    Bjs Ste...

    ResponderExcluir
  4. Ficou p-e-r-f-e-i-t-o.
    Mas o lay do meu blog nao combina com o Menu ):
    Beijos,
    Cupcake de Morango.

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