Menu Giant

Este é um menu para blogs e sites, creditem se usarem! Vejam uma prévia abaixo:


Home Menu Links Contato


Para fazer esse menu, coloque o código abaixo em seu css (entre <style> e </style>)
.buttonsweet {
color: rgb(230, 230, 230);
font-size: 27px;
padding: 10px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
background: rgb(204, 0, 101);
background: -moz-linear-gradient(90deg, rgb(204, 0, 101) 0%, rgb(246, 20, 20) 42%);
background: -webkit-linear-gradient(90deg, rgb(204, 0, 101) 0%, rgb(246, 20, 20) 42%);
background: -o-linear-gradient(90deg, rgb(204, 0, 101) 0%, rgb(246, 20, 20) 42%);
background: -ms-linear-gradient(90deg, rgb(204, 0, 101) 0%, rgb(246, 20, 20) 42%);
background: linear-gradient(0deg, rgb(204, 0, 101) 0%, rgb(246, 20, 20) 42%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
}
E o código abaixo onde você quer que apareça:

<a href="SEU LINK AQUI" class="buttonsweet">Home</a>
Por: Pâmela Sampaio em 04/05/14
Não copiem o tutorial e nem os códigos.
Se for útil de alguma forma, deem os devidos créditos!
Facebook Twitter Pinterest Google+ Email Addthis