Menu Boo


 Olá pessoas, como estão?Trago hoje a vocês um menu, o nome do menu é Boo, ele é bom legal e simples.



CSS


1. Vá em Modelo > Editar HTML > Clique na caixa de pesquisa e procure por ]]></b:skin> e acima cole:
menuboo {
background: #EF9EA3; /* Cor do fundo do Menu */
color: #000; /* Cor da fonte */
border: 2px solid #EF9EA3; /* Cor da borda deve ser a mesma do background */
padding: 5px 15px 5px 15px;
font-family: century gothic;
font-size: 10pt;
float: left;
text-align: center;
margin: 2px;
-webkit-border-radius: 11px;
-webkit-border-top-left-radius: 11px;
border-radius: 11px;
border-top-left-radius: 11px;
-webkit-transition-duration: .80s;
}
menuboo:hover {
background:#FFF; /* Cor do fundo do Menu quando passa o mouse */
-webkit-border-radius: 22px;
border-radius: 22px;
-webkit-transition-duration: .80s; /* efeito trasition */
border: 2px solid #CFD677; /* Cor da borda do Menu quando passa o mouse */
}
2. Faça as edições necessárias e salve.

aplicando o menu


1. Vá no seu gadget HTML/JavaScript e cole este código:
<a href="link"><menuboo>nome do menu</menuboo></a>
2. Faça as edições necessárias e salve. Seu menu está pronto e se quiser mais links, copie e cole o código acima quantas vezes quiser!

Tchau :3
Compartilhe no Facebook
Compartilhe no Twitter
Compartilhe no Google+

6 comentários, comente também!

  1. Júlia3/1/15

    Adoro o seu blog, parabéns! O menu é lindo, assim que criar o meu blog irei utilizá-lo.

    ResponderExcluir
    Respostas
    1. Obrigado, que bom que gostou do menu, sucesso para seu blog!

      Excluir
  2. Que menu fofo >< amei seu blog.
    http://c-otoncandy.blogspot.com.br/

    ResponderExcluir
  3. :3 Amei esse menu! Vou colocá-lo no meu blog!

    ResponderExcluir
  4. Juh Geranutti11/7/15

    Hey, adorei e to usando o menu :)
    Mas n seria href em vez de herf em nome do menu? ;)

    ResponderExcluir

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...

Créditos



O Projeto Aurora foi criado completamente, com tutoriais disponíveis no blog, por mim, Alan Felipe Jantz.

Para as postagens 'reblogadas', os créditos do local de origem dos tutoriais está no final da postagem.

Todos os ícones utilizados neste template foram pegos no flaticon.com, todos os direitos reservados para os autores dos mesmos.





Algo que é seu está aqui, mas não foi creditado?
Entre em contato clicando na aba 'Contato' do menu para receber seus créditos!
BouquetNOVO
The Only ExceptionNOVO
Wide AwakeNOVO
Simple BaseNOVO
NatureNOVO
Why so Pink?NOVO
Why So Blue?NOVO