15 de fev. de 2013

Tutorial: menu arrow


Hello my cakepops! Tudo bem? Hoje irei ensiná-los a fazer o menu arrow! Ele é super fofo e super fácil de se "fazer". Vamos lá? Clique em leia mais ♥
criei uma fan page para o Cute Time! Vocês poderiam curtir? Obrigada ^^
cliquem aqui e curtam


Vá até o HTML do seu blog  procure por ]]></b:skin>  acima dele cole:
@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;}

Altere os códigos destacados e nada mais! Agora vamos aplicar o menu ao blog! 
Vá até Layout  clique em adicionar um HTML/Javascript  nele cole o seguinte código:
<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> 

créditos:  

25 comentários:

  1. Eu gostei muito!!
    Blog Liindo o seu viiu ;)
    Bjoos

    Visita ?? >b<
    sweet-divertido.blogspot.com

    ResponderExcluir
  2. Acho esse menu lindo .
    Ás vezes até uso.

    Beiijos.

    http://meucupcakedemorango.blogspot.com.br/

    ResponderExcluir
  3. adorei esse menu!! que lindo acho que vou usar (já salvei nos favoritos!)
    bjs
    Once Upon a Time e Null and Void (ambos no perfil)

    ResponderExcluir
  4. pq não colocou uma prévida dele?
    kkk mais sorte que testei aqui e gostei dele o/
    acervo-de-livros.blogspot.com

    ResponderExcluir
  5. Ah que lindo esse menu. Adorei :3
    PiinkCookie.blogspot.com ♥ Participe do sorteio

    ResponderExcluir
  6. Nhaw que liiindo que fica, testei aqui >< muito fofo mesmo !
    obrigada pelo tutorial, ah seu lay tá lindo :D

    siteiloveit.blogspot.pt

    ResponderExcluir
  7. Fica lindo, já vi ele em algum blog. Não lembro mais :3
    Seu blog é Divo <3
    seguindo aqui ^^
    beijos ;*

    ResponderExcluir
  8. Lindo esse menu, amore!
    Beijo :)
    pqngarota.tk

    ResponderExcluir
  9. Que fofo esse menu flor. (:

    blogchuvasdenovembro.blogspot.com

    ResponderExcluir
  10. muito bom, com certeza vou usar :)

    ChovendoSonhos.blogspot.com

    ResponderExcluir
  11. Fica lindo, já vi em um blog! Curti sua fan page, curte a minha?

    Beijo,
    http://www.facebook.com/paraisodemenina
    http://www.paraisodemenina.blogspot.com/

    ResponderExcluir
  12. Oi, tudo bom? Que lindo esse menu, você é muito talentosa.

    Beijos!
    @ferzucolotto || www.meianoiteequinze.com

    ResponderExcluir
  13. amei seu blog, seguindo
    senhorita rock= perfil

    ResponderExcluir
  14. aw estava mesmo procurando um menu pro layout do meu outro blog :3 acho que vou testar! Beijos

    ~~Quem precisa de tv para ver Beyoncé // perfil

    ResponderExcluir
  15. Já salvei o tutorial na minha listinha, pena que não devo usar por agora :/ rs Ótimo post!

    Beijos <3
    www.deliriosdegarota.com

    ResponderExcluir
  16. Ooi! Adoreeei seu post!
    Beijiinhos
    www.blogger-my-space.blogspot.com.br/

    ResponderExcluir
  17. que lindo esse menu, anw adorei *-*

    http://conectadas2.blogspot.com.br/

    ResponderExcluir
  18. Ótimo tutorial, muito bem explicado, mas queria ver como esse menu é!
    Bjos,
    www.flowerofcupcakes.blogspot.com

    ResponderExcluir
  19. Que fofinho *u* Já sabia como fazer. Ele é tão simples mas tão lindo *u*

    - Xoxo Melissa
    doucelamour-oficial.blogspot.com.br

    ResponderExcluir
  20. Oi flor ;)
    Recentemente recebi um brincadeira muito legal! Te inclui para fazer o mesmo, veja lá :
    http://papo-de-garota-crista.blogspot.com.br/2013/02/tag-11-perguntas.html


    Beijinhos linda!

    ResponderExcluir
  21. Uso ele de vez enquando, e mto lindo,

    seguindo, sr puder retribuir, rs.
    www.blogsweetgirls.com

    ResponderExcluir
  22. Apesar de eu não usar, acho fofo!
    Já curti a page.

    Beijão!
    Meu jardim Secreto (ou clique no perfil)

    ResponderExcluir
  23. Ameeeeeei seu blog, e o layout é maravilhoso, beijos
    www.mimosaedondoca.blogspot.com

    ResponderExcluir
  24. Ficou lindo no blog ! Poderia copiar o tutorial e postar lá no meu blog ?
    Eu coloco os créditos ?? Sim??
    Responde lá ok !
    Clicka no perfil
    Bjs : Pamela

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita