24/11/2012

tutorial: Menu Arrow

                                                                                Yoo Minnas-San
                                            Como vão meus pitocos? Bem eu trouxe um tutu de um menu bem cute eu 
                                         achei ele no Kawaii World é simples mais é bem cute, vamos para o tutu?



Vá até editar HTML e procure por ]]></b:skin>. Acima dessa tag cole o seguinte:


@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
.arrow {margin: 1px; text-align: center; font: 8px handy; text-transform: uppercase; display: inline-block; position: relative; color: #000000; width: 45px; padding: 3px; text-decoration: none; background-color: #CORDOFUNDO; border: 2px solid #CORDABORDA;}
.arrow:hover { background-color: #CORDOFUNDOHOVER; border: 2px solid #ef7aa1;}
.arrow:hover:after {
content: ''; width: 0; height: 0; position: absolute; left: 50%; 
margin-left: -2px; bottom: 0; border-width 9px; border-style: solid; border-color: transparent transparent #CORDASETA transparent;}
Agora para aparecer o menu
 Em um gadget de HTML/JavaScript, cole o seguinte:
<a href="SEULINK" class="arrow">Menu</a>
<a href="SEULINK" class="arrow">Menu</a>
<a href="SEULINK" class="arrow">Menu</a>
<a href="SEULINK" class="arrow">Menu</a>
Prontinho, espero que gostem :)
Kissus~~

11 comentários:

  1. Ana amour, vai passando para o tumblr os posts

    http://sweet-laand-html.tk/

    ResponderExcluir
    Respostas
    1. Vou tentar flor, tentar o maximo muahmuah

      ~~Chu

      Excluir
  2. ain esse menu deve ficar lindo!

    ResponderExcluir
  3. Amei o blog ! Seguindo,segue de volta?behappywithluuh.blogspot.com , bjoo

    ResponderExcluir
  4. Seu blog é lindíssimo!
    Comenta e segue o meu tb:
    nossoblogdemodaa.blogspot.com

    ResponderExcluir
  5. Seu blog é lindo!

    Estou seguindo aqui você.

    abraços!

    http://totalpinkprincess.blogspot.com.br

    ResponderExcluir
  6. muito bom seu tuto segue que sigo de volta http://hurricaneready.blogspot.com.br/

    ResponderExcluir
  7. Amore vc naum me passou seu face para que posso coneversa contigo sobre
    o concurso .............

    ResponderExcluir
  8. amei o tuto me salvou beijos :*
    minhas-confissoes-2012.blogspot.com

    ResponderExcluir
  9. Adorei o tuto me ajudou muito obrigada.
    E o seu blog é muito lindo e fofo gostei muito
    Visita meu blog:http://cherrykawaii-14.blogspot.com.br/
    E se puder segue ele por favor, eu já estou seguindo o seu.
    me ajuda a atingir minha meta beijos.

    ResponderExcluir
  10. Otimo tuto, ajudou mt, obg ;)
    Visita meu blog ? http://princesofnoiseof.blogspot.com.br/

    ResponderExcluir