14/07/2013

Criando seu propio menu 1

Tumblr_lnm0m9ndoz1qbd0cmo1_500_large
Primeiro procure por ]]></b:skin> ,E cole em cima dele:
.meumenu{  }
Eu vou dar alguns codigos para vocês. Dentro das chaves vamos personalizar. Oque você for querer você vai copiando e colando dentro das chaves. ok?

Background com imagem:
background: url( URL_DA_IMAGEM) repeat;



background com cor:
background: #eeeeee;

Borda pontilhada:
border: 2px dotted #000000;

Cor da fonte:
color: #000000;

Bordas arredondadas:
-webkit-border-radius: 30px;

Cursor diferente:
cursor: crosshair;

Se quiser fazer com efeito Hover ,É só depois que acabou esse codigo colar embaixo dele:
.meumenu:hover{  }
 Dentro das chaves coloque tudo o que você colocou e altere as cores ou o tipo de borda clicando aqui. Onde quiser que apareça coloque:
<div id="meumenu"><a href="LINK 1" title="">Nome do link</a><a href="LINK 2" title="">Nome do link</a><a href="LINK 3" title="">Nome do link</a><a href="LINK 4" title="">Nome do link</a> </div>
  Eu não testei eu só fui colocando os codigos *-* ! Comenta ai vai!?

6 comentários:

  1. Que ótimo tutorial* Que bom que seu blog voltou *-* seguindo de volta :)
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir
  2. Ótimo tutorial, bem útil, Beijos :*
    -Trufa de Menta

    ResponderExcluir
  3. HAHA, Que bom que está de volta... O Tutorial é bem legal :)
    Com relação ao tutorial que me pediu, eu já postei há algum tempo lá no Blog, segue o link:
    http://blog-part-of-me.blogspot.com.br/2013/06/mdt-5-legenda-nas-imagens-do-blog.html
    E com relação ao Menu para Redes Sociais, você pode mudar o fundo ué, se não gosta de marrom pode colocar azul, verde, amarelo, rosa, roxo... Basta usar a criatividade e mudar o fundo no código CSS '-'
    Beijo :*
    http://blog-part-of-me.blogspot.com/

    ResponderExcluir
  4. Adorei o tutorial, vou salvar nos favoritos ♥ Muito útil *o*

    - Modern HTML

    ResponderExcluir