Menu Sweet ~

Oi gente :3 Antes de tudo, meu photoshop deu uma bugada louca, por isso vou dar uma atrasadinha com os pedidos da ask >< Agora que já dei o aviso, posso cumprimentar vocês decentemente -q OLÁ FOFUTCHOS DIVOSOS ♥ (não sei porque liguei o capslock, mas ok -q) Cara, que saudade a Vick tava de vocês \o/ Que fome me diga uma novidade dona Vick Gente, eu comprei aquele livro 'Destrua Este Diário', eu tô amando destruí-lo, tem partes que dá pena de fazer o que pede na página, mas do nada parece que vem uma vontade louca de destruir aquela página :3 Quando eu destruir um pouco mais o meu diário, talvez eu traga algumas fotos pra vocês *u* Ok Vick, chega de digitar coisas sem sentido e vá logo ao assunto do post -q Bom, eu fiz um menuzinho (♥) bem fofo pra vocês. Não tá perfeito, pois é o primeiro que eu faço. Eu gostei bastante dele, o menu é bem simplesinho mesmo, o único 'efeito' que ele possui é no hover, ou seja, quando passa o mouse por cima, e o 'efeito' ali é um letter-spacing que dá uma pequena 'expandida' no menu. Let's go! 
Preview: {♥} Para usá-lo, cole o código abaixo acima de ]]></b:skin>:

.Sweet {

font-family: PF ARMA FIVE; /* fonte */

font-size: 8px; /* tamanho da fonte */

line-height: 10px; /* altura da linha */

text-align: center; /* centralização do texto */

width: 40px; /* largura do menu */

color: #FFF; /* cor do texto */

 text-shadow: 1px 1px 1px LightPink; 

background: #FFE4E1; /* fundo */

border-radius: 3px 3px 3px 3px; /* borda arredondada */

padding: 5px; /* espaço entre o texto e as bordas */

margin: 2px; /* espaço entre os links */

-webkit-box-shadow: inset 0px 0px 15px #FFC0CB

, inset 1px 1px 0px #fff;

-moz-box-shadow: inset 0px 0px 15px #FFC0CB

, inset 1px 1px 0px #fff;

-ms-box-shadow: inset 0px 0px 15px #FFC0CB

, inset 1px 1px 0px #fff;

display: inline-block;}

.Sweet:hover {

font-family: PF ARMA FIVE; /* fonte */

font-size: 8px; /* tamanho da fonte */

line-height: 10px; /* altura da linha */

text-align: center; /* centralização do texto */

width: 45px; /* largura do menu */

color:#FFFFFF; /* cor do texto */

letter-spacing: 2px;

 text-shadow: 1px 1px 1px LightPink; 

background: #FFE4E1; /* fundo */

border-radius: 3px 3px 3px 3px; /* borda arredondada */

padding: 5px; /* espaço entre o texto e as bordas */

margin: 2px; /* espaço entre os links */

-webkit-box-shadow: inset 0px 0px 15px #FFC0CB

, inset 1px 1px 0px #fff;

-moz-box-shadow: inset 0px 0px 15px #FFC0CB

, inset 1px 1px 0px #fff;

-ms-box-shadow: inset 0px 0px 15px #FFC0CB

, inset 1px 1px 0px #fff;

display: inline-block;

}

Depois é só editar as cores e colar o código abaixo num gadget de html/javascript:

<div class="Sweet"><a href="LINK DA PÁGINA">VAGA</a></div><div class="Sweet"><a href="LINK DA PÁGINA">VAGA</a></div><div class="Sweet"><a href="LINK DA PÁGINA">VAGA</a></div><div class="Sweet"><a href="LINK DA PÁGINA">VAGA</a></div><div class="Sweet"><a href="LINK DA PÁGINA">VAGA</a></div><br /><div class="Sweet"><a href="LINK DA PÁGINA">VAGA</a></div><div class="Sweet"><a href="LINK DA PÁGINA">VAGA</a></div><div class="Sweet"><a href="LINK DA PÁGINA">VAGA</a></div><div class="Sweet"><a href="LINK DA PÁGINA">VAGA</a></div><div class="Sweet"><a href="LINK DA PÁGINA">VAGA</a></div><br /><center>

E por último, editar o que está destacado :)

Bom, por hoje é só fofutchos :3 Espero que tenham gostado do post, pois a Vick quase morreu para faze-lô -q Beijos <3