Blog da Ketty: Borda nas imagens das postagens

segunda-feira, 7 de dezembro de 2015

Borda nas imagens das postagens


Oláa galerinha, então, achei um Tuto super fofo no OT, e queria muito colocar esse efeito no blog, mas vou deixar pro próximo Layout, pois nesse novo que fiz já coloquei outro efeito nas imagens do blog, então trouxe apenas para vocês... Espero que gostem!



1- Vá até Design, Editar HTML, aperte CTRL+F (ou F3) e procure por:  ]]></b:skin>
E logo acima, cole:
.post img{-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; border: 1px solid #ccc;padding: 5px;}
Faça as alterações desejadas 

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; 
Você pode alterar para outro estilo de borda entrando neste site, ou retira-lo para sua borda ficar quadrada.
- 1px - Altere o valor de "1" para aumentar a largura da sua borda.
- solid - Altere para Dashed (tracejado) ou Dotted (tracejado com bolinhas).
- #ccc - Cor da sua borda. Você pode encontrar vários códigos de cores aqui

Super fácil não é pessoal, espero que tenham gostado, até o próximo post, beijos.

Nenhum comentário:

Postar um comentário

Olá que bom que veio comentar aqui no Blog da Ketty!

-Sem chingamentos;
-Leio os comentários de crítica construtiva sempre;
-Deixe o link do seu blog;
-Se for reblogar deixe um aviso.

-Agradeço a atenção. Ketty.