29 de nov de 2012

Pedido de desculpas + Tutorial




Ooi minhas fofinhas , tudo bem com vocês ? Espero que sim , bom meninas sei sei o blog anda bem desatualizado , mais ele esta assim por que eu estou preparando o layout do sorteio , e todos os outros prêmios , bom mais para não deixar vocês sem nenhum post , hoje vim aqui postar um tutorial  bem legal,
bom como que nunca postei nenhum tutorial de menu aqui resolvi postar o meu primeiro , mais antes só uma coisinha , o tutorial eu aprendi aqui ;
então aqui estão os seus devidos créditos linda , bom vamos la conferi o tuto ? 



O menu fica assim , quer aprender? Vem comigo !





1. Vá até editar HTML , aperte F3 procure por ]]></b:skin>. Acima dessa tag cole o seguinte código :

@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;}



Edite tudo que esta em negrito , trocando as palavras pelo oque elas indicam . Cor do fundo hover, significa , cor do fundo da caixinha ao passar o mouse. Após editar tudinho , salve !

2. Layout > Adicionar um novo gadget e clique na caixinha  HTML/JavaScript, e cole o seguinte código;

<a href="SEULINK" class="Nomedomenuaqui">Menu</a>
<a href="SEULINK" class="Nomedomenuaqui">Menu</a>
<a href="SEULINK" class="Nomedomenuaqui">Menu</a>
<a href="SEULINK" class="Nomedomenuaqui">Menu</a>

Prontinho meninas é isso espero que tenham big beijo e fiquem com Deus 
Tchaau



12 comentários:

  1. Primeira vez que venho no seu blog e achei encantador. Ás vezes ficamos sem tempo mesmo, mas é normal. Aii...adoro tutoriais.
    Beijos!
    Paloma Viricio- Jornalismo na Alma

    ResponderExcluir
    Respostas
    1. Aiim fofa seja bem vinda beijoos , amei sua visitinha volte sempre , realmente ai mais é tão ruim deixar meus amores sem post :/ beijos gatinha

      Excluir
  2. ótimo tutorial!

    Beijos,
    http://bonecadepanorosa.blogspot.com

    ResponderExcluir
  3. Seguindo vc!

    Beijos

    mulherziceseafins.blogspot.com.br

    ResponderExcluir
  4. Ameii o tuto super legal.
    bjss
    coiisinhasdegarotass.blogspot.com.br

    ResponderExcluir
  5. Teu primeiro tuto *-* Haha, ficou ótimo, adorei, está bem explicadinho ><
    Monalisa com S

    ResponderExcluir
    Respostas
    1. Que bom que gostou fofa, e obrigada pelo carinho ♥ beijoos

      Excluir
  6. Amei o blog, simplesmente lindo, estou te seguindo, se quiser me segue de volta *-*

    http://sedutoraediabolica.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada pelo carinho fofaa ♥ obrigada por seguir seguindo você de volta linda beijos ♥

      Excluir