Menu - Hello

Boa noite pessoas cherosas u3u

Tudo bom? Espero que sim! Hoje está muuuito frio aqui na cidade onde eu moro, juro para vocês, não quero sair de casa nunca mais! OSUHAOUHS' Mas falando sério, está muito muito frio aqui, só não está nevando, aff :c Desculpem por essa introdução pequena, não estou com muita inspiração :/

Hoje eu trouxe para vocês um menu super fofo, espero que gostem! Ele foi super fácil de fazer e o resultado ficou muito, muito lindo mesmo, gostei bastante dele. Se quiserem ver a preview, cliquem aqui, primeiro gadget da coluna direita e_e Tá, só tem uma coluna, fica quieta Laura OSUHAOUSHUA'

Vá em seu html e procure por ]]></b:skin> e quando achar, acima da tag, cole:

.Hello {

width: 50px;

height: 10px;

font-family: Silkscreen;

text-shadow: 1px 1px 0px #E3868F;

font-size: 8px; /* Tamanho da fonte */

background: #EEB4BA;

border-radius: 4px;

box-shadow: inset 0px 0px 9px #E3868F;

color: #fff;

float: left;

padding: 3px;

text-align: center;

margin: 2px;

-webkit-transition-duration: .90s; /* transição */

}

.Hello:hover {

background: #f1f1f1;

box-shadow: inset 0px 0px 9px #C0C0C0;

text-shadow: 1px 1px 0px #fff;

border-radius: 4px;

box-shadow: inset 0 0 3px #ecebeb, 1px 1px 0px #ccc;

transform: rotate(720deg) scale(1) skew(1deg) translate(0px);

-webkit-transform: rotate(720deg) scale(1) skew(1deg) translate(0px);

-moz-transform: rotate(720deg) scale(1) skew(1deg) translate(0px);

-o-transform: rotate(720deg) scale(1) skew(1deg) translate(0px);

-ms-transform: rotate(720deg) scale(1) skew(1deg) translate(0px);

-webkit-transition-duration: .90s; /* transição */

}

Ps: Só mudem a cor do background, cor da fonte, cor da sombra do texto e cor da box shadow.

Salve e em seguida, em um gadget de html/JS, cole:

<div class="Hello"><a href="LINK3">Nome</a></div>

<div class="Hello"><a href="LINK3">Nome</a></div>

<div class="Hello"><a href="LINK3">Nome</a></div>

<div class="Hello"><a href="LINK3">Nome</a></div>