01/10/2015

Tutorial: Menu Color Hover

||

Yo denticinhos, como estão? Minha semana vai bem corrida e devido a isso ficou um cadinho difícil postar nos dois últimos dias e hoje também, mas consegui da uma sentada rápida para blogar, digo reblogar algo. Mas antes quero agradecer pelo carinho dos leitores que tem me acompanhado, o BC caiu bastante devido o hack a troca de url, e, meu tempo ausente mas quero agradecer de coração as que ainda me acompanham, viu? Muito obrigada. Bom então vamos lá?

Hoje trouxe um menuzinho muito lindo para afiliados, divulgação bom vocês escolhem, é um das queles menuzinhos pequenos e de quantidade. Sem muitas delongas vamos ao tutorial?


Achei esse menu tão lindo é gracioso, que não resisti em posta-lo aqui no blog.

Imagem de Além da Imaginação



1. Vá até o HTML de seu bloge procure por  ]]></b:skin>, acima cole:

/*menu por Jamylle - Além da Imaginação - credite sempre*/ #menuadi { float: left; display: line; margin:1px; background:#f2eee8; /*Cor de fundo */ width: 30px; /*Largura de cada link do menu */ height: 20px; text-align:center; font-size: 10px; /*Tamanho da fonte*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 0px 9px #cccccc; -webkit-box-shadow: 1px 0px 9px #cccccc; box-shadow: 1px 0px 9px #cccccc; text-shadow: 0px 1px 5px #cccccc; -webkit-transition: color 0.7s ease-out;-moz-transition: color 0.7s ease-out;transition: color 0.7s ease-out; } #menuadi:hover { background: #8B658B; /* Cor de funo quando passa o mouse*/ color: #fff; /*Cor do texto quando passa o mouse*/ }

2. Agora vá até Layout e em um gadget HTML/JavaScript, cole:
<a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a><a href='LINK' id='menuadi'>VG</a>

Os créditos vão para Além da Imaginação, obrigada por esse lindo menu. :3

6 comentários:

  1. Olá Wendy, faz tanto tempo que não visito o blog que ainda não tinha visto o seu lay que ficou lindo *--* O menu é bem simples, mas super útil *--*

    Visite "Meu Mundo, Meu Estilo"

    ResponderExcluir
    Respostas
    1. Hihi Oiee Jess, que saudades! Obrigada por gostar.

      Excluir
  2. Ameiiii o menu, se já não tivesse um com certeza usaria!!!!!!!!!!!!!!!

    Visite e Siga||♥Universo Paralelo♥

    ResponderExcluir
  3. Oi, Wendy. Vou bem, e tu? Eu visitei o blog nos últimos dias pra ver se tinha post novo e não tinha :c mas paciência, entendo que às vezes fica difícil de arrumar tempo pra postar.Mas não some, tá? É meu primeiro comentário aqui no Bunny Crazy, porém eu já acompanhava o blog a um tempinho, desculpa nunca ter dado as caras aqui >< Eu criei um blog, recententemente, tá bem no início, ficaria grata se tu seguisse lá :3 E esse menu é um amorzinho.

    Com carinho, Imagine Unicorns

    ResponderExcluir
    Respostas
    1. Hihi pode deixar não vou sumir não. Ah que isso o que importa é que comentou agora. <3 Claro vou fazer uma visita. Thanks por gostar do menu.

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram