Efeito para Postadoras

Muito boa noite, agora que já estou comida e bem satisfeita com a minha janta deliciosa vim aqui postar um tuto bem legal para vocês e acredito que a maioria irá gostar, se não gostarem também não tem problema afinal a gente não consegue agradar todo mundo não é? Mas amores queria tirar uma dúvida, ta rolando um projeto no HTML PROJECT e a dona até comentou no post anterior para eu participar, na hora até deu vontade mas tipo quando comecei a ler as regras começou a dar uma certa preguiça que até desanimei, bitches não me matem.

Cara fazer efeitos de hmtl, criar blockquotes e etc dá até para encarar mas quando partiu para criar layout base doeu até a minha espinha o.o, motivos? Odeio ficar criando layouts que não tenham algum propósito e pelo o que eu li e entendi umas das regras é criar um lay base. Cara eu já não tenho lá aquela paixão em criar temas ainda mais sabendo que será somente para aquilo eu murchei na hora UAHUAHUAHa! Bem vou pensar e se até lá a preguiça sair deste corpo eu participo, enquanto isso elas estão nas minhas costas pensando junto comigo.

Agora voltando ao que interessa esses dias alguém me perguntou sobre o efeito das postadoras e eu até esqueci quem foi, mas agora que lembrei criei um efeito meio parecido com o meu que por sinal ficou bem muito mais bonito que o atual, (Roh com raiva) quero ele pra mim!! Gente não sei vocês mas porque quando a gente vai criar algo para os outros acaba ficando mais bonito do que os que fazemos para nós?

Eu sou rainha em fazer isso, sempre crio as melhores coisas para os outros e depois que vejo o resultado fico me perguntando porque não usei isso antes. Mas enfim o nome é bem óbvio pois serve para moderadoras, postadoras, elite ou como acharem melhor em usar o efeito. Não esqueçam de creditarem a mim ok? Se quiserem reblogar é a mesma coisa sempre creditem. Beijocas para quem fica e inté!  

Para verem o resultado cliquem aqui ઈઉ

Vão até modelo editar html, dê um ctrl f e procure por: ]]skin; acima dele colem o seguinte código:

/** Efeito moderas by gnmh **/
.modera {-moz-transition:all 3s;opacity: 0.8; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;-o-transition:all 3s; -webkit-transition:all 3s; background:#E7E3EC; Border: 4px double #FFBEBE;box-shadow: inset 0px 0px 5px #C5BBD0; }
.modera:hover {opacity:0.5; filter: contrast(100%); -webkit-filter: contrast(100%); -moz-filter: contrast (100%); -o-filter: contrast(100%); -ms-filter: contrast(100%); -webkit-transition-duration: .50s; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease; border-radius: 45px;background: #; box-shadow: 0px 0px 5px #F2D2A6;Border: 3px dotted #FFBEBE;}

Link:

<a href="https://www.blogger.com/Link" target="blank" title="Credite"><img class="modera" src="http://static.tumblr.com/koam7dd/84Wna9dfi/menina.png" height="50" width="60" /></a>