Tutorial - Menu Lucky

Oioioi o/
Tudo bem com vocês seus lindjos? EU TO NAS ESTRELAS *-*
Acreditem ou não, eu consegui fazer o primeiro menu do MCC! hahahaha
Eu nunca imaginei que o blog fosse virar um blog meio que de goodies mesmo, mas aqui está o Menu Lucky! Pra saber onde está se metendo venha até esse link, aperte Continue Lendo e veja u.u
Ok, o menu é simples e eu to tentando deixar tudo explicadinho, comentem oque acharam.

1. Vá em Modelo > editar HTML > Aperte ctrl+F e procure por

]]></b:skin

2. Antes disso que você procurou, cole:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
a.lucky {
background-color: #b3d8ff; /*Cor de Fundo
padding-top: 3px;
padding-bottom: 3px;
display: inline-block;
width: 40px; /*Largura
font-size: 8px;
font-family: silkscreen;
text-transform:  uppercase;
text-align:center;
color: #f925bc; /*Cor da fonte
outline: solid 1px #e6e6e6; /*Cor da borda
outline-offset: -1px;
letter-spacing: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
a.lucky:hover {
color: #b9f4fb; /*Cor da fonte hover
outline: solid 3px transparent; /*Cor da borda
background-color: #ffb3e9; /*Cor do fundo
outline-offset: -20px;
text-decoration: none;
box-shadow: inset 0 0 0px #e3e6e7, 0 0 0px #b6b6b6; /*Cor da sombra, se quiser tire
opacity: 0.8;
}

3. Agora vá em um gadget HTML/JavaScript:

<a class="lucky" href="LINK">Nome</a>
<a class="lucky" href="LINK">Nome</a>
<a class="lucky" href="LINK">Nome</a>
<a class="lucky" href="LINK">Nome</a>
<a class="lucky" href="LINK">Nome</a>

 As instruções estão no código, gente, eu vou desativar o blog daqui a uma semana (eu acho), pro lay novo, então se não conseguirem entrar, não se assustem bbês <3

Kissus, June