08:28
Ricardo Ortéga
Alguma pessoas tem uma pequena dúvida a respeito de HTML. É possível colocar uma borda em todas as imagens das postagens de uma só vez ? sim ,e ainda temos a possibilidade de dar uma personalizada ou 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:
.post img{border: 1px solid #000000;padding: 5px;}
.post a:hover img{border: 1px solid #6699FF;}
Se tiver dúvidas 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.
.post a:hover img{border: 1px solid #6699FF;}
Se tiver dúvidas 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.
Entendendo o código
A parte padding:5px faz com a borda inserida não fique junta da imagem, ou seja ,
A parte padding:5px faz com a borda inserida não fique junta da imagem, ou seja ,
o padding é nada mais nada menos que o espaçamento entre a borda e a 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 quando estão linkadas , se a imagem tiver um link nelas, senão mesmo com o mouse sobre elas continuaram com a mesma borda.
Veja Também :
Por :
Para seu Blogger !
Posted in: Blogger,Ferramentas
0 comentários:
Postar um comentário