Aqui ficam os blogs que me ajudaram na construção desse layout. Se esqueci de algum, me avise pelos comentários. Thanks!

10. Tutorial - Menu Arrow

|| ||

Estou tentando quebrar a onde e utilitários postando mais e mais tutos. Agora vou ensinar o suuuper fofinho menu que eu uso aqui no blog, que é o menu Arrow, do KW.

Ao passar o mouse sobre as caixinhas desse menu, aparecem setinhas e é daí que vem o nome "Arrow". Achei ele bem fofo para quem gosta de menus pequenos assim como eu e a Kaorii. Clique em Leia Mais pra aprender a fazer!

1. Cole esse código no seu HTML antes de ]]></b:skin>:
@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;}
2. Mude o que está indicado no código. Agora, pro menu aparecer, cole isso num gadget HTML/JavaScript:
<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>
Mude de acordo com seu blog e pronto! Fácil, não? Se reblogar, peço que credite tanto o Sonifera Girl quando o Kawaii World.

Bjin.

4 comentários:

  1. Parabéns Nath >3< Você ganhou lá no sorteio. http://www.garotas-cupcakes.com/2013/06/layout-vencedora-do-concurso.html#comment-form

    Beijos ~
    garotas-cupcakes

    ResponderExcluir
  2. onde ficam os creditos do layout e tudo q vc usou ?

    ResponderExcluir
    Respostas
    1. Este comentário foi removido pelo autor.

      Excluir
    2. Este lay é um free, que eu peguei num blog e os créditos estão no rodapé. Tudo que eu usei vou creditar nos tutoriais, ao poucos. OK??????

      Excluir

Oie! Pro favor comentem nos posts, e por favor não xinguem nem sejam mal educados. Aceito críticas, ideias, elogios e tudo mais, mas com educação! E sigam o blog pf minha meta é de 100 seguidores, ajudem pf...

Be happy!

웃 ღ ♥ ♡ ❤ ❥ ❦ ∴ △ ∞ ☆ ★ ✖ 。◕‿◕。®™ ✾
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿
✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷ ♥
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖ ●••●♪♫♩♫♭♪ ʚĭɞ ☁
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●