Tutoriais: Menu Obscure

Oi pessoal u.u

Como estão? Eu estou tipo sei lá, estou assistindo South Park e tipo parece que eu assisto só pra aprender xingamentos novos e pra ver eles a cada 2 palavras falarem "puta merda!", então eu realmente não sei porque eu assisto isso, é desnessessauro,

Mas e então, eu vou ensinar mais um menu pra vocês porque eu fiz ele tipo, mês passado e só postei hoje :| Live preview aqui. Aperte More e vamos lá!

Ok, o menu Obscure tem background de imagem ok gente? Se quiserem uma cor, procurem o código html dela no google, tipo: #fff, e vão achar uma imagem com a cor porque existem muitos sites de cores em html, aí é só copiar o url dela e fim u.u Agora vamos com o tuto:

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

]]></b:skin

2. Acima disso que você procurou, cole:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
a.obscure {
background-image: url('http://www.colorhexa.com/000000.png'); /*IMG DO FUNDO
background-repeat: no-repeat;
padding-top: 3px;
padding-bottom: 3px;
display: inline-block;
width: 40px;
font-size: 8px;
font-family: silkscreen;
text-transform:  uppercase;
text-align:center;
color: #f0f0f0; /* COR DA FONTE
border: solid 1px #000000;
outline: solid 1px #bca5fb; /* COR DA BORDA
outline-offset: -2px;
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;
text-shadow: 0 2px 3 #ebebeb;
}
a.obscure:hover {
color: #fff;
background-image: url('http://static.tumblr.com/itxhnbu/GP7mx8kz2/we.jpg'); /*IMG DO FUNDO HOVER
animation-name: pisca;
text-decoration: none;
box-shadow: inset 0 0 0px #e3e6e7, 0 0 0px #b6b6b6; /* COR DA SOMBRA DO MENU
opacity: 0.90;
}

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

<a class="obscure" href="link">nome</a>
<a class="obscure" href="link">nome</a>
<a class="obscure" href="link">nome</a>
<a class="obscure" href="link">nome</a>
<a class="obscure" href="link">nome</a>

Espero que gostem u.u Comentem oque acharam, kissus <3