Seguidores

Pesquisar este blog

quinta-feira, 31 de maio de 2012

3

Colocar bordas nas imagens do blog


É possível colocar uma borda em todas as imagens das postagens de uma só vez e ainda dar um efeito diferente nesta borda quando o mouse está sobre a imagem. Isso é uma alteração bem fácil e modifica um pouco o template, podendo deixar o blog mais bonito.

Para colocar uma borda em todas as imagens das postagens entre na pagina editar html e coloque no junto dos outros estilos css esse código:



Se tiver duvidas sobre onde colocar procure por body{.... e coloque na linha acima dele, assim fica fácil achar para futuras alterações, o código acima é só uma das possibilidades de bordas você pode ver aqui informações mais detalhadas sobre como modificar o estilo das bordas.

A parte padding:1px faz que a borda não fique colada na imagem, você pode retirar essa parte do código ou aumentar a distancia para deixar as imagens do seu blog com uma melhor aparência. Queremos lembrar as bordas somente mudam de aparência se a imagem tiver um link nelas, senão mesmo com o mouse sobre elas continuaram com a mesma borda.

3 comentários:

  1. gostei da dica..beijos
    http://gaabypurplesoouza.blogspot.com.br/

    ResponderExcluir
  2. Ameii A dica olha lá meu blog http://meumundokawaii1.blogspot.com.br/

    ResponderExcluir
  3. Amo seu blog!!
    Seguindo se puder retribuir pelo menos com a visitinhas...
    Coloco vc nos meus afiliados se vc colocar eu nos seus!
    Meu blog, da uma olhadinha por lá: http://myperfectdrean.blogspot.com.br/
    Obrigadinha por tudo...

    ResponderExcluir

LinkWithin

Related Posts Plugin for WordPress, Blogger...