Olá! + Menu bubble

Olá pessoal ♥

Como vocês já devem ter percebido, eu sou a nova postadora do Cookie Lovers. Fiquei muito feliz quando soube que a Bia-Chan tinha me escolhido e fui correndo aceitar o convite e aprender como fazer as ilustrações de acordo com o padrão daqui. Tive alguns probleminhas aqui com a action mas agora já está tudo nos conformes.

Para minha inauguração aqui no CL, resolvi trazer alguma coisa muito usada pelos blogueiros que eu não tivesse postado em nenhum outro blog e então, preparei um menu para vocês. Ele é bem simples já que eu não sou muito experiente com este tipo de coisa, portanto não me matem por causa disso, com o tempo eu vou aperfeiçoando minhas habilidades u3u Fiz ele em apenas uma cor, se quiserem de alguma cor em especial e não souberem fazer, peçam na minha ask aqui, e eu farei com o maior prazer.

Preview aqui, no primeiro gadget.

Para aplicar o menu, procure pela tag ]]></b:skin> em seu html, se não achar, procure somente por ]]

Acima da tag, cole o código abaixo:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.bubble {
font-family: "silkscreen"; /* fonte */
letter-spacing: 2px;
font-size: 8px; /* Tamanho da fonte */
text-transform: Normal;
background: #F983AC; /* Fundo do Menu */
color: #fff; /* Cor do texto */
width: 50px; /* largura */
height: 17px; /* altura */
float: left;
padding: 2px;
text-align: center; /* alinhamento do texto */
margin: 2px;
border-radius: 2px; /* borda arredondada */
box-shadow: inset 0 0 9px #D47194, 1px 3px 3px #dddddd; /* sombra */
-webkit-transition-duration: .50s; /* transição */
}
.bubble:hover {
color: #000; /* cor do texto hover*/
background: #59B79C; /* fundo do menu hover*/
box-shadow: inset 0 0 9px #52A38C, 1px 3px 3px #dddddd; /* sombra hover */
-webkit-transition-duration: .50s; /* transição */
}

O quê está em negrito é o quê eu recomendo você mudar no menu.

Dica: A sombra que eu destaco é a de dentro do menu, recomendo você escolher uma cor mais escura do quê o fundo, pra dar um contraste melhor. 

Agora, em um gadget de Html/JavaScript cole o código abaixo:

<div class="bubble"><a href="LINK">Nome</a></div>
<div class="bubble"><a href="LINK">Nome</a></div>
<div class="bubble"><a href="LINK">Nome</a></div>
<div class="bubble"><a href="LINK">Nome</a></div>

Em nome coloque os títulos (Home, about etc) e em Link, o link de redirecionamento.