Menu pixel

 Por: Lalalalala    10:33  menu, tutorial   Sem Comentarios

Oi amores tudo bem com vocês ? Estou bastante contente porque cheguei a 7.000 seguidores no twitter, uhuuul. E também porque ainda tenho 33 dias de ferias, amém senhor. Muito bom ficar em casa de bobeira.

Bom hoje trouxe o menu pixel para vocês.

Preview (www)

Vá em modelo, editar html e procure por ]]></

Acima dele cole primeiro 

@font-face {font-family:Silkscreen; src: url(http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf);}

e depois cole : 

#menu {
display: inline-block;
padding: 8px;
color: #fff;
background: #f7bdc8
text-transform: uppercase;
box-shadow: inset 0px 0px 5px #e890a1
font-family: "silkscreen";
font-size: 8px;
boder-radius: 3px;
text-shadow:  1px 1px 2px #bebebe
-moz-transition: all 0.8s ease;
-webkit-trasition: all 0.8s aese;
}
#menu:hover {
background: #e890a1;
box-shadow: inset 0px 0px 5px #D8415F
-moz-trasition: all 0.8s ease;
-webkit-transition: 0.8s aese;

Salve e depois vá em Layout, crie um gadget java/htmlscript e cole:

<a href="#" id="menu"> Nome do link </a>
<a href="#" id="menu"> Nome do link</a>
<a href="#" id="menu"> Nome do link </a>
<a href="#" id="menu"> Nome do link </a>