Você não está conectado. Conecte-se ou registre-se

Colocar bordas nas imagens do blog

Ir em baixo  Mensagem [Página 1 de 1]

1 Colocar bordas nas imagens do blog em Qua Nov 30, 2011 1:34 pm

gin

avatar
Membro Nível 4
Membro Nível 4
É 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. Veja como ficou nosso banner com bordas(ao lado).

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:
Código:

.post img{border: 1px solid #000000;padding: 1px;}
.post a:hover img{border: 1px solid #6699FF;}

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.

Ver perfil do usuário http://scanlines.com.br

2 Re: Colocar bordas nas imagens do blog em Qua Nov 30, 2011 2:44 pm

Zaraki Kenpachi

avatar
Membro Nível 2
Membro Nível 2
Hum.. Legal .. Eu Ja Sei, kk

Ver perfil do usuário

3 Re: Colocar bordas nas imagens do blog em Qua Nov 30, 2011 3:38 pm

gin

avatar
Membro Nível 4
Membro Nível 4
mais vocÊ sabe mais tem gente que não kk

Ver perfil do usuário http://scanlines.com.br

4 Re: Colocar bordas nas imagens do blog em Qua Nov 30, 2011 3:40 pm

p3dro

avatar
Membro Nível 3
Membro Nível 3
Eu fasso direto no Ps

Ver perfil do usuário

5 Re: Colocar bordas nas imagens do blog em Qua Nov 30, 2011 3:43 pm

gin

avatar
Membro Nível 4
Membro Nível 4
é Very Happy

Ver perfil do usuário http://scanlines.com.br

6 Re: Colocar bordas nas imagens do blog em Qua Nov 30, 2011 3:44 pm

DORITOS

avatar
Membro Nível 1
Membro Nível 1
tbm fasso direto no ps Very Happy

Ver perfil do usuário http://animes-blacks.net

7 Re: Colocar bordas nas imagens do blog em Qua Nov 30, 2011 3:49 pm

Zaraki Kenpachi

avatar
Membro Nível 2
Membro Nível 2
LoLx eu tbm

Ver perfil do usuário

8 Re: Colocar bordas nas imagens do blog em Qua Nov 30, 2011 3:55 pm

gin

avatar
Membro Nível 4
Membro Nível 4
samos 4 kkk

Ver perfil do usuário http://scanlines.com.br

9 Re: Colocar bordas nas imagens do blog em Qua Nov 30, 2011 3:57 pm

p3dro

avatar
Membro Nível 3
Membro Nível 3
Tamo tudo junto e misturado Very Happy

Ver perfil do usuário

10 Re: Colocar bordas nas imagens do blog em Qua Nov 30, 2011 3:59 pm

gin

avatar
Membro Nível 4
Membro Nível 4
kkkkk nois 4 não da 1 kkkk brinks Very Happy

Ver perfil do usuário http://scanlines.com.br

11 Re: Colocar bordas nas imagens do blog em Sab Dez 03, 2011 3:11 pm

Giovane

avatar
Novato
Novato
Onde ponha esse codigo o lugar certo me ajudem =[

Ver perfil do usuário

12 Re: Colocar bordas nas imagens do blog em Sab Dez 03, 2011 4:57 pm

Zaraki Kenpachi

avatar
Membro Nível 2
Membro Nível 2
Fassa Direto No Ps...

Ver perfil do usuário

13 Re: Colocar bordas nas imagens do blog em Sab Dez 17, 2011 6:14 pm

luiz

avatar
Membro Nível 2
Membro Nível 2
'-' FAZER NO PS E MAIS UTIL!

MAS AI TBM PRA QUEM NAO SABE! ¬¬

Ver perfil do usuário

Conteúdo patrocinado


Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

 

Forumeiros.com | © PunBB | Fórum grátis de ajuda | Fale conosco | Assinalar uma queixa | Criar um fórum