Tutorial - Menu Curious


Olá gente bonita ~

Gente, ontem minha noite foi emocionante. Eu estava lá de boa no meu facebook quando vejo uma postagem com uma direta, isso mesmo, uma direta, não foi indireta. Até marcaram o garoto lá nos comentários, ficamos o quase todo o tempo falando dele, apesar de algumas horas fugirmos do assunto, como quando eu fui falar que adoro coxinha, e falamos um pouco de comida, mas enfim, tudo é muito louco nas postagens do facebook.

Enfim, hoje vim trazer pra vocês uma coisa que nem estava na agenda, quis trazer um tutorial de menu, coisa que não trago a tempos aqui no blog. Gostaram da nova forma que estou organizando a postagem? Percebi que fica mais organizado depois que fiz uma postagem com o texto justificado, pra mandar pra Sakura pra poder passar pro Empire Lovers. Enfim, para ver o menu deixei num dos gadgets a Live Preview. Se usarem creditem, e podem reblogar, com devidos créditos claro.

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.

27 comentários:

  1. Adorei o menu, fica bem legal para usar em uma página de utilitários e tutoriais *u*

    ResponderExcluir
  2. Eu vou ser malvada e usar o menu u___________u UEHUEHU' -q Creditando, sempre.
    Eu gosto do texto justificado, fica bem fofo e organizado, até mais que o centralizado :3

    ResponderExcluir
  3. Lindo #-# me xonei por esse menu, hoho ^~^

    ~ Ugly Thing

    ResponderExcluir
  4. UEHUHUEH' Nossa, isso sim que é direta.Facebook cada vez mais louco.Adorei o tuturial, o menu é uma gracinha :33

    http://blog-bluesky.blogspot.com.br/

    ResponderExcluir
  5. Lindo,super legal ♥

    http://cacadoradeborboletas-blg.blogspot.com.br/

    ResponderExcluir
  6. Adorei o menu, é super lindo e diferente! u_u
    Acompanhei a conversa louca pelo facebook *U*
    Ah, tá muito fofa a organização do post.
    Beijos,
    Sonhos de Primavera e Pensamentos Meus.

    ResponderExcluir
    Respostas
    1. Obrigado. AUSHASHU' Fico feliz que tenha gostado >3<

      Excluir
  7. Muito lindo >w< Estou fazendo um novo layout, espero usa-lo, apesar de meus lays não serem muito bonitos ç.ç'
    Chu~
    mutant-paradise.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigado. Fico muito feliz que tenha gostado <3

      Excluir
  8. Muito divo esse menu e.e
    Ameeei, vou usar no próximo lay ^^


    XOXO ;*
    empirecss.blogspot.com

    ResponderExcluir
  9. É muito perfeito o resultado, pena que acabei de fazer o meu lay!

    Cliquesnocapricho.blogspot.com

    ResponderExcluir
  10. Já estou te seguindo
    seu blog é maravilhoso, convido você e suas leitoras a conhecer meu blog
    http://toobege.blogspot.com.br/
    beijinhos

    ResponderExcluir
    Respostas
    1. Quando você ler a postagem e comentar sobre ela, só ai eu conheço o seu blog. Beijos.

      Excluir
    2. Esse povo de hoje em dia é muito bleeeeh T^T

      Excluir
  11. Adoro a selena , gostei muito do layout , ficou super básico , afinal adorei o Tutorial - talvez use ~

    Little-world/perfil/*

    ResponderExcluir
  12. Amei esse menu, esse menu é muito lindo, tipo perfeito, mds >3<

    ResponderExcluir
  13. Ok, samos gêmeos? Eu adoro coxinha *-* Dá vontade comer toda hora -ñ HUASHAUS'

    ResponderExcluir

Regras:
• Os comentários são moderados.
• Não xingue nada nem ninguém.
• Comentários como: "Seguindo, segue de volta ?" serão deletados.
• Se for fazer uma crítica faça com educação e bom senso.
• Pedidos feitos por comentário não serão realizados, pedidos só na ask.
• Obrigado por comentar!