Olá Queridos Leitores! A quanto tempo não é mesmo! Após um longo tempo sem artigos aqui no Tecnoblog, venho dando continuação as postagens, hoje vamos aprender a adicionar o novo efeito as suas imagens do blog, O efeito CSS nas suas imagens, a Versão 4! Para isso vamos ao tutorial!
Único Passo - Instalando e utilizando o efeito nas imagens das postagens
1. Faça login no Blogger
2. Em seguida no menu suspenso, clique em Modelo.
3. Em seguida clique no botão em Editar HTML
4. E procure pela seguinte tag:
]]></b:skin>
5. E acima do código Citado acima, adicione o seguinte código:
.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);
border-radius: 20px;
}
6. Após isso clique em Visualizar, e se estiver tudo corretamente como desejado clique em Salvar Modelo!
Pronto pessoal! Esta foi a post de hoje, sem mais delongas! E lembrando desculpem a falta de posts, ando muito ocupado mas se Deus quiser voltarei com as postagens diárias! Até mais, Fiquem Com Deus, Abraços!
9 Comentários
O efeito é legal! Parabéns, ja estou utilizando em meu blog!
2 de julho de 2012 às 12:42Olá Wandell! Que bom que gostou do efeito! Ficamos Gratos!
2 de julho de 2012 às 15:43Abraços!
Sinceramente... achei meio chato, eu queria um efeito mais gritante.
14 de setembro de 2012 às 14:22Olá amigo adicionei esse efeito em meu blog e gostei muito de suas dicas e gostaria de se informar como adicionar esse efeito somente em uma imagem ou seja nos banner de parceiros ?
16 de setembro de 2012 às 17:56Olá Lucas, eu entendo, infelizmente eu fiz uma preferência em um efeito simples. Caso queira adicionar algum efeito a mais, contate-me :D
16 de setembro de 2012 às 20:34Olá Trollagem, é muito simples, basta criar uma "div", mas me passe seu E-mail de contato ou qualquer outro que você utilize, daí te ensinarei a como fazer isto, fico Grato, qualquer outra duvida nos informe, Abraços.
16 de setembro de 2012 às 20:38Muito obrigado, show de bola
12 de outubro de 2012 às 16:40Olá Ricardo.
12 de outubro de 2012 às 20:33Obrigado pelo comentário, agradecemos, abraços! Fica com Deus!
Sem pre as ordens cara, gostei meu do seu blog. Cara sei lá. poderíamos fazer uma parceria no meu blog: http://phylosofiamano.blogspot.com.br - Pensa aí mano!
6 de março de 2013 às 20:45Postar um comentário
Seu comentário é bem vindo, mas leia antes de comentar...
→ Se os comentários conter palavrões, xingamentos, ofensas ao autor ou qualquer pessoa, não serão publicados!
→ Não Contiver outros sites!
→ Não conversar com comentários!
→ Não conter propaganda!
→ Visite o nosso termos de uso
Obrigado e volte sempre!