Menu Curious



Olá amores !!
Sei que posso estar muito distante do blog e de vocês me desculpem mesmo , peço minhas devidas desculpas á vocês meus amores,eu tinha ficado sem internet , Juro mesmo , desde 01/05 , então eu voltarei á postar novamente aqui e nos blogs onde posto ~

Hoje , eu ví um menu muito Lindo , que serve para créditos ,colocar créditos aos blogs que ajudaram podem visualizar >aqui<Vá lá no gadget Menu Curious , e veja a preview ~
créditos totais para o Just Like that , vamos começar ?~



1. Vá em editar HTML, clique no seu html e dê ctrl+f. Procure por ]]></b:skin>, quando achar cole o seguinte código acima dessa tag.

@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}
.MenuCurious{
background: #f3f3f3;
border-bottom: 1px solid #ccc;
font-family: 'Arma Five';
text-align: left;
font-size: 8px;
color: #a7a7a7;
padding-left: 7px;
text-shadow: 0px 0px 2px #eee;
-webkit-transition: all 0.50s ease;}
.MenuCurious:hover{
background: #f6f6f6;
border-bottom: 1px dotted #ccc;
font-family: 'Arma Five';
font-size: 8px;
color: #a7a7a7;
text-shadow: 0px 0px 2px #eee;
padding-left: 7px;
text-align: left;
-webkit-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-o-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);}

Edite tudo que eu destaquei de negrito, fora isso não mude mais nada. Eu selecionei somente as cores, para o menu por ficar personalizável, se quiserem que fique com as mesmas cores da preview não mude nada, se quiser modificar, personalize com outras cores.
2. Para usar, crie um gadget de HTML/Javascript, e cole o seguinte código:

<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>

Para adicionar mais links ao menu, é só repetir.
E fim, o menu é bem simples, mas útil. Se usarem creditem.

4 comentários:

  1. Lindo menu. Amei seu blog, já estou seguindo.

    Beijos!

    http://kawaii-planeta.blogspot.com.br/

    ResponderExcluir
  2. Que efeito legal! ^.^
    Adorei! Tenho certeza que vou usar ele no meu próximo lay! :)

    Bom, eu adorei seu blog e já estou seguindo. Queria pedir pra você seguir o meu também,
    já que eu comecei esse novo blog agora e você sabe... é osso, né?
    Então, eu te espero lá no blog, viu?

    Beijos, Annie
    >>> nerdsfly.#blogspot.com.br <<<
    (Retire o jogo da velha (#), caso venha me fazer uma visitinha *U*)

    ResponderExcluir

❤ Ofensas e palavrões serão ignorados e excluidos.
❤ Seguindo, segue de volta?Sim mas fale um pouco do post.
❤Nada de pedir post pelo os comentários , se quiser algo vá na página peça .
❤Se quiser pode deixar a URL do seu blog , sempre vou retribuir a visita!
❤Perguntas/Dúvidas , serão respondidas :-)
❤Se não gostou, não use palavras ofensivas.

« »