terça-feira, 10 de abril de 2012

Tutorial-Borda e fundo nos links


Olá meu leitores queridos hoje eu trouxe um tuto bem fácil, mas como tem que modificar o HTML é sempre bom fazer uma cópia antes de modificar :) Para não ter que ficar salvando é bom criar um blog só para testes!
Vamos ao tuto:
Lembrando que todos os links que o mouse passa por cima ficarão com o efeito até mesmo as imagens.

Testado no template Viagem

Vá em:
Editar HTML > procure pela palavra > a:hover { > depois que achar um pouco
 mais abaixo antes de fechar a Chave } você deve colocar esse código.  
background-color: #000000 ;
 border: 1px dashed #000000 ;
background-color: é o fundo da imagem para escolher uma cor para o fundo clique Aqui
border: 1px dashed: é a espessura da borda e o estilo da borda, você encontrará mais tipos de borda Aqui.

Créditos:Material Extra ->Visite

4 comentários:

  1. Oi! Não achei o "a:hover" no code do meu blog... Tem jeito?
    Já agradeço!
    Dá um alô lá no meu blog!
    http://cupcakesgirlovers.blogspot.com.br/
    Bjs! Amei seu blog! =D

    ResponderExcluir
  2. Vou ver se tem outro modo de colocar e daki a poco eu posto aki no blog :)Bju!

    ResponderExcluir
  3. Adorei o tutorial!
    seguindo, segue de volta?
    http://timemachine-br.blogspot.com.br/

    ResponderExcluir
  4. oioi passando aqui só pra conferir as novidades... acompanhando aqui sempre bjs bjs http://virersemlimites.blogspot.com.br/

    ResponderExcluir