Image Map

07/10/2012

Tutorial: Menu Queijo no Rolete

câmeras paradise
 Ok, eu sei que ninguém pediu esse tutorial (nem por ask.fm) mas dane-se, eu fiz o menu e quero postar u.u
 Alguns de vocês devem ter notado aquele menu extra que tem ali na barra lateral, né? Poisé, aquele menu fui em quem fez (♥) especialmente pra esse lay, já que queria algo diferente e personalizado.
 E hoje trouxe o tutorial dele pra vocês! Eu achei o resultado tão fofinho e simples que acho que dá pra usar pra quase tudo! Desde menu extra até menu de categorias. Caso você ainda não tenha visto o menu/esteja lendo isso no futuro aqui tem print:
 Vamos ver o tutorial?
 Vá em Modelo> Editar HTML> Tecle Ctrl+F e procure por:
]]></b:skin>
 Acima do código encontrado cole o seguinte:

/* Menu Queijo no Rolete- por Piink Cookie*/#menuqr {
float: left;
display: line;
margin:1px;
background: #000000; /* COR DO FUNDO*/
color: #FFFFFF; /* COR DA FONTE*/
width: 330px; /*LARGURA DO MENU*/
height: 18px; /* ALTURA DO MENU*/
text-align:center;
font-size: 13px; /* TAMANHO DA FONTE*/
-moz-border-radius:0px 0;
-webkit-border-radius:0px 0;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
#menuqr:hover {
background: #FFFFFF; /* COR DE FUNDO QUANDO PASSA O MOUSE*/
width: 200px; /*LARGURA QUANDO PASSA O MOUSE*/
height: 18px;/* ALTURA (deixe igual a do normal)*/
text-decoration: none;
letter-spacing: 2px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;
}

 Modifique o que tem pra modificar (filosofei agora), salve e vá em Layout> Adicionar Gadget> HTML/Javascript e cole o seguinte código nele:
<a href="LINK"id="menuqr">DESCRIÇÃO DO LINK</a>
 Você pode repetir esse código quantas vezes quiser pra aumentar o número de itens do menu, mas eu recomendo que coloque mais do que três, pra que fique mais simétrico e bonitinho. Você também pode/deve adequar a largura do seu menu ao tamanho da sua barra lateral/lugar onde vai colocar ele.
Postagem completa por Piink Cookie. Todos os direitos reservados. Copyright 2012. Plágio é crime.
 E aí, gostaram? Espero que sim. Quero ver todo mundo usando, ok? Não se esqueçam de creditar, se quiserem reblogar também é permitido, só que como já disse com créditos.
 É isso. Beijinhos com glitter :*

53 comentários:

  1. Primeeira o/ . , muito fofo o menu , vou usar com crtza !

    ResponderExcluir
  2. Ótimo tutorial, o menu é uma graça! Muito lindo. *^*

    Haha' Adorei o nome, xD

    ResponderExcluir
  3. Adorei o tutorial,lindo lindo!
    Ótimo tuto Paulinha :)
    Tem post novo viu?
    Beijinhos ~GA

    ResponderExcluir
  4. Amei esse menu é lindo :)
    vou tentar fazer
    beijos

    ResponderExcluir
  5. O resultado do menu é lindo! e com esse tutu bem explicado não tem erro! Amei o novo Layout (Ficou show)!!!
    http://kelly-club.blogspot.com.br/

    ResponderExcluir
  6. Que divooo, amei!
    Eu queria esse tuto, haha'
    Beijinhos,

    blogueira-indecisa .blogspot.com

    ResponderExcluir
  7. Que foofo :) Amei

    Beijos
    Sim Senhorita (Clique no perfil)

    ResponderExcluir
  8. Que kawaii ^^
    nuvensdeframboesa.blogspot.com

    ResponderExcluir
  9. Amei o tuto, esse menu é muito fofo ^^
    Mas porque chama queijo no rolete ? hsuahsauhsuahsua ><
    Adorei o nome ><
    Bom Fim de Semana, flor *-*
    Kisses :3
    Garotas Atrevidas ~

    ResponderExcluir
    Respostas
    1. Bom que gostou, Mille :3
      Sei lá, hahaha. Na hora em que criei ele estava fazendo um trabalho sobre o sul lá na minha escola, e uns dos pratos típicos de lá é boi no rolete e porco no rolete, aí quis colocar isso ><

      Excluir
  10. Ri muito com o nome ,achei muito fofo >.< O menu é bem legal .

    :3

    Maçã cor de rosa

    ResponderExcluir
  11. Adorei o tutorial! O menu fica perfeito! ^^

    Beijinhos!

    gotta-be-you-blog . blogspot . com

    ResponderExcluir
  12. O menu é lindo Paula, como estou fazendo um layout novo, vou ver se uso. Um beijo :B

    ResponderExcluir
  13. Adorei o tuto, bem explicadinho! O menu fica super fofo, achei diferente o nome dele, bem original :3

    estacao-teen.blogspot.com.br

    ResponderExcluir
  14. O resultado fica ótimo, acho muito lindinho!
    candy-grape

    ResponderExcluir
  15. Que massa, adorei!
    Bjos e boa semana!
    http://amonailart.blogspot.com.br/

    ResponderExcluir
  16. Só eu ri do nome do menu?KKKKKK !!!Mas sério agora,eu adorei.Estara presente em meu proximo layout.Qual o minimo de seguidores para afiliação?
    Beijos Karola.
    Cupcakezando.blogspot.com

    ResponderExcluir
    Respostas
    1. Não é só você não, viu? hahaha ><
      Bom que gostou, flor!
      O mínimo é 200 ^^

      Excluir
  17. Gostei desse menu,acho que vou usar!

    rabiiiscosnopapel (.blogspot.com) é sem parenteses :3

    Espero você lá no meu blog!

    ResponderExcluir
  18. Que tutorial bacana!
    Fica super lindinho o resultado *-*

    Beijos!♥ http://porckybunny.blogspot.com.br/

    ResponderExcluir
  19. Amei o menu e lindo!!
    Seu lay então nem me fale!!
    Ta de parabéns..
    mil beijos..
    Segue meu blog e novo http://paraladamoda.blogspot.com.br/

    ResponderExcluir
  20. Achei o nome engraçado e esse menu uma fofura! Parabéns pelo bom tutorial!

    Tem post novinho no meu blog e theme novo também! Saudades de você pelo meu blog... faz tempo que você não passa lá, hein?

    Bjos e boa semana!

    Camilla Martins - sugar-dance.org

    ResponderExcluir
    Respostas
    1. Bom que gostou, Camilla! OMG, vou ir lá ver agora mesmo! Faz mesmo, sinto muito viu? Mas vou visitar agora mesmo!

      Excluir
  21. Eu estava prestes a pedir esse tuto, believed? Kissus on >♥<, Paulinha!!

    ResponderExcluir
  22. Gosteu muito do seu blog esta de parabéns hein anjo!

    Anjo você está bem? Bora fica sabendo de mais uma novidades das bandas, então venhar conferir e me diz o que achoou?

    http://estilloetendencias.blogspot.com.br/2012/10/novidades-sobre-banda-holdana.html

    Ah amore peço sua ajudar, nãod eixer de curtir o Page da Blog pois isso me ajudar para ter entrevista e muito mais conteudo bacana no blog, bora me ajudar?

    é so curtir

    https://www.facebook.com/pages/Blog-Maah-Music/143057999137491?ref=hl

    OBRIGADA por fazer parte do meu sonho!
    @maahmusic

    ResponderExcluir
    Respostas
    1. Não, se você quisesse mesmo teria no mínimo fingido que leu o post. Isso não é ser blogueira, é ser hipster poser e falsa.

      Excluir
  23. Amei o menu, acho que vou usar no meu próximo lay. O nome dele é uma coisa assim... sensacional(risos). Você intende bastante de a HTML não é? Porque para criar menus e coisas do tipo...
    Beijinhos com bala de chocolate!
    universoteengirl=-porlarissa...

    ResponderExcluir
  24. Lindo, e o nome foi bem criativo, haha'
    Irraciona-l|Blogspot

    ResponderExcluir
  25. Ameei o Tutoo quem sabe faço no Proximo Layout.. Bjoos :*

    garotas-back.blogspot.com.br

    ResponderExcluir
  26. Paula, aqui tá dizendo q a pagina nao existe. Como faço para quando apertar ir direto ao link?
    por favor me ajuda!

    ResponderExcluir
  27. Este comentário foi removido pelo autor.

    ResponderExcluir