Yoo galerinha, como ja estou sem postar a quase... perdi as contas...rsrs, hoje venho trazer um tutorial de como deixar as imagens das postagens do blog com box automatico...vamos ao tuto, q por sinal é bem simples: [Continue Lendo]
Demonstração
Procure pela seguinte tag:
]]
Acima dela adicione o seguinte CSS:
Só isso!
Nota: esse CSS será inserido em todas as imagens postadas no blogger, caso você tenha algum conhecimento em CSS, é só criar um novo id para esse css e aplicar nas postagens por DIV's.
Procure pela seguinte tag:
Acima dela adicione o seguinte CSS:
.post-body img {
margin-left: 8px;
margin-bottom: 8px;
border-radius: 5px;
position: relative;
top: 0px;
-webkit-box-shadow: 0px 0px 5px black;
-moz-box-shadow: 0px 0px 5px black;
-o-box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px black;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.post-body img:hover {
background: white;
opacity: 0.8;
-moz-opacity: 0.8;
filter: Alpha(Opacity=80);
}
Só isso!
0 Deixe um Comentário:
Postar um comentário