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


4 comentários

  1. Awn Vick eu to louca pra comprar esse livro. Comprei O Teorema de Katherine mas ainda não chegou. Mas um dos próximos será esse!

    Otima postagem! ><
    Beijos

    ResponderExcluir
    Respostas
    1. Pode comprar que não vai se arrepender, o livro é muito perfeito ♥

      Obrigada Naing-chan :3
      Beijos ~

      Excluir
  2. Lindddoo simplesmente divo! talvez eu use :3
    bjs <3
    loveforhtml.blogspot.com.br (visita?)

    ResponderExcluir

Yoo *-* Obrigado por comentar
♥ comentários maldosos serão apagados
♥ aceitamos criticas, mas claro, com educação
♥ Sem palavrões e linguagem SMS
♥ Quer que eu visite seu blog? Só deixar o link no fim do comentário ^^
♥ Comentários do tipo: "seguindo, segue de volta?" Não será aceito :B

Emoticons, Expresse:
ლ(╹◡╹ლ) (✿◠‿◠) (◡‿◡✿) (◕‿◕✿) (✖╭╮✖)(≧◡≦)
(¬_¬) (◑‿◐) (◕‿-) ✖‿✖ (-’_’-) (╥_╥) (╯_╰) (╯3╰) (o_-) (¬‿¬)
(◣_◢) (∪ ◡ ∪) (∩︵∩) (。◕‿◕。) (⊙_◎) (~ ̄▽ ̄)~ (︶ω︶) (+_+)
(。♥‿♥。) (✿ ♥‿♥) (≧ω≦) (´ー`) (つд`) ( ̄。 ̄) (*~▽~) ( ^▽^) )~O~)
(=゜ω゜) (´ω`) (ノ_・。) (-_- )ノ (´ヘ`;) (^^;) (ノ◕ヮ◕)ノ (⊙ヮ⊙) ᕦ(ò_óˇ)ᕤ
ᕙ(⇀‸↼‶)ᕗ( ಠ◡ಠ ) (•⊙ω⊙•)