Tutorial - Menu Marshmallow

Réllou morangos! 

Vocês devem está sentindo a falta de posts aqui né? Desculpem mesmo mas não é minha culpa, é da Dona Inspiração ela recentemente está de mal de mim, sabe? e não quer me visitar mais.. (buah) Não está nada fácil nem para mim, nem para a Nana, aliás falando na Nana, ela estava doente e sem net e não pode postar.. eu também ano cansada da escola é prova e trabalho, atrás do outro, sem descanso! Já estou contando os segundos para as férias... 

Enfim, já estou preparando o próximo layout.. mas se vocês tiverem sugestões comentem, okay? Vim postar á pedido da Elaine, um menu super lindo, visualizem aqui (www) você irá ser redirecionador ao layout free que fiz recentemente para vocês, lembram? Créditos ao PG!

Vá no editor de HTML e clique nos três pontinhos desse código:

  

Aperte F3 e pesquise por ]]></b:skin>. Acima disso cole:

@font-face {
font-family: 'Pixelade'; src: url('http://static.tumblr.com/ig73lmp/FNdmcixx3/pixelade.ttf');
}
/* Menu Marshmallow por Pequena Garota*/
marsh{
color: #949494; /*cor da fonte*/
text-align:center;
font-family: Pixelade; /*não altere*/
font-size: 13px;
background: #FEF2F1; /*fundo do menu*/
padding: 2px; /* largura do menu */
float: left;
margin: 2px;
width: 22%; /* tamanho do menu */
-webkit-transition-duration: .80s;
box-shadow: inset 0 0 18px #ffe4e1, 0 0 3px #FFD1CC; /* sombra interna */
border-radius: 3px; /*bordas arredondadas*/
}
marsh:hover{
background: #f0f8ff; /*fundo do menu ao passar o mouse*/
color: #949494; /*cor da fonte ao passar o mouse*/
-webkit-transition-duration: .80s;
box-shadow: inset 0 0 18px #D7ECFE, 0 0 3px #afeeee; /* sombra interna */
border-radius: 3px; /*bordas arredondadas*/
}

Se quiser mudar as cores, personalize somente o que está em negrito da maneira que preferir. Agora adicionar ao blog adicione um Gadget HTML/JavaScript e cole o seguinte código:

<div><a href=" LINK "><marsh> NOME</marsh></a>
<a href=" LINK "><marsh> NOME </marsh></a>
<a href=" LINK "><marsh> NOME </marsh></a>
<a href=" LINK "><marsh> NOME </marsh></a>