Menu Sweet


 Olá pessoinhas, tudo bem com vocês? Eu sei, eu sei, eu prometi voltar (pela 93892x) e acabei ficando um tempo sem postar, mas estou aqui exatamente para isto, trazer alguma coisa para vocês. Trago lhes um menu, que tem bordas de um jeito mais diferente, porém muito legais. confira o preview a seguir e se você se interessar, clique em Leia Mais.



CSS


1. Vá em Modelo > Editar HTML > Clique na caixa de pesquisa e procure por ]]></b:skin> e acima cole:
#sweetmenu {
background: #000; /*-- Cor de fundo --*/
color:#FFF; /*-- Cor da fonte --*/
display: inline-block;
text-align:center;
float: center;
font-size:14px;
font-family: Century Gothic;
margin:1px;
-webkit-transition-duration: .50s;
width:auto;
line-height:12px;
width:70px; /*-- Largura --*/
padding:6px;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;}
#sweetmenu:hover {
background: #333;  /*-- Cor de fundo no hover --*/
color:#FFF; /*-- Cor da fonte no hover --*/
border-radius:10px;
-moz-border-radius: 10px 25px / 25px 10px;
border-radius: 10px 25px / 25px 10px;}
2. Faça as alterações necessárias e salve.

aplicando o menu


1. Vá no seu gadget HTML/JavaScript e cole este código:
<a href="seu_link" id="sweetmenu">Nome do Menu</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+

Um comentário, comente também!

  1. Olá, seu Blog é super 10....fiz tudo certinho , mais no meu modelo de Template não funcionou porque será????

    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