22 de jul. de 2011

Menu Cute • Vertical

Que menu é esse?
Veja um exemplo abaixo:


Como instalar?
Vá no seu CSS (Design > Editar HTML) proucure pela tag ]]></b:skin> e cole o código acima dela.
/*** MENU CUTE extras-placefame.tk ***/
#menucute {
background: #FFE8F3;
border-left: 3px solid #FF99CC;
color: #666666;
font-family: tahoma;
font-size: 11px;
text-align : left;
padding-bottom : 2px;
padding-left : 5px;
margin-bottom: 3px;
}

#menucute:hover {
background: #DDF7F7;
border-right: 3px solid #33CCCC;
border-left: 3px solid #DDF7F7;
color: #B5B5B5;
font-family: tahoma;
font-size: 11px;
text-align : right;
padding-bottom : 2px;
padding-right : 5px;
margin-bottom: 3px;
}
E agora!?
Adicione um Gadget HTML/Javascript (Design > Adicionar Gadget), e cole o código abaixo:

<div id="menucute">
<a href="LINK_AQUI" title="DESCRIÇÃO_AO_PASSAR_O_MOUSE">NOME</a> - Descrição do link.</div>
<div id="menucute">
<a href="LINK_AQUI" title="DESCRIÇÃO_AO_PASSAR_O_MOUSE">NOME</a> - Descrição do link.</div>
<div id="menucute">
<a href="LINK_AQUI" title="DESCRIÇÃO_AO_PASSAR_O_MOUSE">NOME</a> - Descrição do link.</div>
<div id="menucute">
<a href="LINK_AQUI" title="DESCRIÇÃO_AO_PASSAR_O_MOUSE">NOME</a> - Descrição do link.</div>
Caso queira mudar as cores, fique a vontade só não retire os créditos. Comentem se usarem! 

30 comentários:

  1. TEM SELINHO PARA VOCÊ LÁ NO MEU BLOG!!!
    PEGAAA
    http://disneyprogramacao.blogspot.com/2011/07/selinho-distribuicao-de-sorrisos.html

    ResponderExcluir
  2. Quando vi já amei, tanto o blog como o tutorial, usando. Vou trocar as cores também. Lindo, arrazo :*

    http://fanaticasporconsumismo.blogspot.com

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

    ResponderExcluir
  4. adorei *-* ~usei também~
    fica muito lindo, eu mudei as cores :p
    blog-missnoface.blogspot.com

    ResponderExcluir
  5. Amo seu blog, uso quase todos os seus códigos. Super original. Outra coisa. Eu queria que você me ensinasse a personalizar o titulo da lateral só a fonte e uma linha sublinhando. Porque o meu modelo é de duas colunas e aquele cobre toda a coluna. E é um modelo editado.

    ResponderExcluir
  6. Deu certo agr no meu blog *o*
    Muito lindo este menu *o*

    http://garotasederivados.blogspot.com/

    ResponderExcluir
  7. Deu certo '0' Adorei TODOS os seus tutoriais, foram muito uteis.

    ResponderExcluir
  8. Usei, amo todos os seus tutoriais, são úteis, simples e tem um resultado lindo! Parabéns, querida!

    ResponderExcluir
  9. Já estou usando.. Amei
    Beijos

    http://pinkperola.blogspot.com

    ResponderExcluir
  10. Ótimo tutorial, foi util pra mim :DD
    http://sapatosdeveludo.blogspot.com

    ResponderExcluir
  11. oooi amor *-* amei esse tutorial, parabéns, estou usando ! beijos s2

    ResponderExcluir
  12. não consegui não. DD:
    ultilidadeinfinita.blogspot.com

    ResponderExcluir
  13. Estou usando esse menu :)
    gostei muito
    http://chocolatemagico.blogspot.com/

    ResponderExcluir
  14. Não consegui! #bua!
    http://meninamocaoriginal.blogspot.com/

    ResponderExcluir
  15. Fiz mas mudei as cores e o efeito hover. Adorei!

    cdiasblog.blogspot.com

    ResponderExcluir
  16. Ameeeeeeeeeeeeeeeeeei *-*



    photoscapespace.blogspot.com
    'retribui o comentario?'

    ResponderExcluir
  17. Usei e amei, e como sempre, claro, você foi créditada na página Créditos lá do blog.
    Bjs
    garota-unbroken.blogspot.com

    ResponderExcluir
  18. To usando, ficou muito lindinho mesmo.
    Bjinhos cutes.

    ResponderExcluir
  19. É muito fofo não resisti! Estou usando ele , adorei!

    www.garotaeglitter.blogspot.com

    ResponderExcluir
  20. Usei>cupcakestardoll.blogspot.com/

    ResponderExcluir
  21. vou usar Emily, bjs

    http://s2juuh.blogspot.com/

    ResponderExcluir
  22. Usei *-* amei demais o blog !
    Me visitem: http://cappuccinoeaconta.blogspot.com.br/ ♥

    ResponderExcluir
  23. Adoreii era esse tipo de menu mesmo que eu estava procurando Rapido para colocar e Simples (:
    Muito obrigada ! :D

    ResponderExcluir
  24. Vou usarr! Que penaa que o blog foi destivado

    ResponderExcluir
  25. Usando , diwosaa ! Voçe faz layouts free ?

    ResponderExcluir

Comentários como "o blog tá lindo, bjo" "to seguindo, segue de volta??" "ai que lindo o blog, retribui a visita/comentário?" serão ignorados. Por favor, leia a FAQ e as outras páginas internas antes de perguntar qualquer coisa.