2 de mar de 2014

Menu Click Arrow

    Oi gente como estão? bom primeiramente desculpe por não ter postado nos últimos dias, ando muito cansada e com muita dor de cabeça, mas hoje criei coragem e vergonha na cara e estou postando. Eu gostaria de agradecer a todos pelo apoio e pelos comentários na postagem anterior, fiquei muito feliz e agora me sinto mais confortável para postar e comentar em outros blogs.  Enfim, sobre um tutorial de hoje é um menu muito lindo que vai ficar muito bacana em seu blog, ignorem a postagem relâmpago e minha presa em terminar logo, mas como disse acima eu to muitooo cansada,então espero que gostem  e vamos de tutorial..



01- Passo: Coloque o código abaixo acima da tag ]]></b:skin>

.menu1 {width:248px; height:32px; float:left;}
.menu1 ul {background: url('http://static.tumblr.com/q3bfkrn/LOhm6cpdh/1.png') no-repeat top; color: #fff; font-size: 28px; text-transform: uppercase; font-family: 'Yanone Kaffeesatz'; text-align: left; letter-spacing: 3px; margin:0px;}
.menu1 ul:hover {background: url('http://static.tumblr.com/q3bfkrn/LOhm6cpdh/1.png') no-repeat center;}
.menu1 ul:active {background: url('http://static.tumblr.com/q3bfkrn/LOhm6cpdh/1.png') no-repeat bottom; color:#5ba7b8;}
.menu1 a,.menu1 span{color:#fff;}.menu1 a:hover,.menu1 span:hover{color:#fff;} .menu1 a:active,.menu1 span:active{color:#5ba7b8;}


02-Passo:  Agora coloque esse outro código em um HTML/JAVASCRIPT

<div class="menu1">
<ul><a href="#">nome do link</a></ul>
<ul><a href="#">nome do link</a></ul>
<ul><a href="#">nome do link</a></ul>
<ul><a href="#">nome do link</a></ul>
<ul><a href="#">nome do link</a></ul>
</div>

17 comentários:

  1. Mds que lindo! Amei esse menu, coisa mais perfeita <3

    http://maiira-t.blogspot.com.br/

    ResponderExcluir
  2. Mds que lindo! Amei esse menu, coisa mais perfeita <3

    http://maiira-t.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. muito obrigada linda, que bom que você gostou!!

      Excluir
  3. Gostei muito do menu, é realmente fofo!
    Débora, lembra que postou no Zombie Cute o layout da Vanellope?
    Poderia postar novamente? Aquele layout é muito divo senhor, quero ele 'u'
    c-akeparty.blogspot.com

    ResponderExcluir
    Respostas
    1. Ahh que bom que você gostou Carla, o lay esta disponível na tags layouts free no menu principal do blog..

      Excluir
  4. Menu diwo demais :3
    chuvasdioutono.blogspot

    ResponderExcluir
  5. Meu deus que lindo *33*
    É super fofo.
    querendo-voar.blogspot.com.br || Querendo Voar ~ ( Visite )

    ResponderExcluir
  6. Oi Débora, aqui é a dona do blog Lost In Shadows. E você perguntou aceitaria afiliação a um tempo. E eu aceito sim, você já está na minha lista de afiliados, me coloca de volta? http://l-ostinshadows.blogspot.com.br

    ResponderExcluir
  7. Seu blog é lindo, parabéns!
    beeijos, aninha
    http://justlanna.blogspot.com.br

    ResponderExcluir