Modelo pronto para afiliados

Eeeeeeeeeei moçada, como vai o fim do fim de semana? UAHEAUEHAUHE' O meu até então está ótimo, exceto pelo fato de ter que passar várias atividades a limpo e essa semana que está vindo só vai ter prova e eu não estudei para nenhuma. Mãããs, eu ainda tenho tempo para isso, então nada de mais em fazer uma postagem na manhã, u3u Eu resolvi postar umas imagens para afiliados com o efeito pronto. Tá, parece ser confuso, mas não é. É simplesmente o gadget prontinho para o uso, tendo que apenas mudar o link e o nome do afiliado. Lembrando que NÃO é permitido alterar nada além do link e nome do afiliado. Se quiser um tema específico é só pedir. Ressalte-se que os créditos são necessários, mesmo que todos já saibam disso, é bom lembrar, :3 Espero que gostem dessa minha ideia, e espero também que facilite a vida de vocês, já que foi pensando nisso que fiz o modelinho. As cores são verde e azul, uma ótima combinação, ao meu ver.

O efeito foi criado por mim, notem que os corações verdes ficam apenas com o contorno no seu estado hover, e os azuis somem. Sinceramente criei isso na maior falta do que fazer, então espero que gostem! O modelo prontinho dos afiliados é esse, mas claro que não vai ficar compridinho assim, vai se ajustar de acordo com a largura da sua sidebar. Espero que gostem, o código é o seguinte:

<style> @-webkit-keyframes Boring { 1% {-webkit-filter: saturate(4); } 25% {-webkit-transform: scale(1.2);  } } @-moz-keyframes Boring { 1% {-webkit-transform: Scale(0.5px); } 25% {-webkit-transform: Skew(-10deg);  } } @-o-keyframes Boring { 1% {-webkit-transform: Scale(0.5px); } 25% {-webkit-transform: Skew(-10deg);  } 100% {-webkit-transform: Scale(0.85px);  } } .Boring {-webkit-transition: .7s; border-radius: 2px;} .Boring:hover {-webkit-animation: Boring .7s alternate infinite linear;  -webkit-filter: contrast(4); } </style>
<div class="jus"> <center>
<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh6.googleusercontent.com/-KxDeYYtsEcA/Uj8ufXeV8kI/AAAAAAAAK74/oXg_RjLC0CA/s50/MMG%2520boca%25201.png" title="NOME DO AFILIADO" /></a>
<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh5.googleusercontent.com/-_3d2qM2PVuw/Uj8ufTu8KoI/AAAAAAAAK70/-mLeNyqF29g/s50/MMG%2520boca%25202.png" title="NOME DO AFILIADO" /></a>

<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh6.googleusercontent.com/-KxDeYYtsEcA/Uj8ufXeV8kI/AAAAAAAAK74/oXg_RjLC0CA/s50/MMG%2520boca%25201.png" title="NOME DO AFILIADO" /></a>
<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh5.googleusercontent.com/-_3d2qM2PVuw/Uj8ufTu8KoI/AAAAAAAAK70/-mLeNyqF29g/s50/MMG%2520boca%25202.png" title="NOME DO AFILIADO" /></a>

<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh6.googleusercontent.com/-KxDeYYtsEcA/Uj8ufXeV8kI/AAAAAAAAK74/oXg_RjLC0CA/s50/MMG%2520boca%25201.png" title="NOME DO AFILIADO" /></a>
<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh5.googleusercontent.com/-_3d2qM2PVuw/Uj8ufTu8KoI/AAAAAAAAK70/-mLeNyqF29g/s50/MMG%2520boca%25202.png" title="NOME DO AFILIADO" /></a>

<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh6.googleusercontent.com/-KxDeYYtsEcA/Uj8ufXeV8kI/AAAAAAAAK74/oXg_RjLC0CA/s50/MMG%2520boca%25201.png" title="NOME DO AFILIADO" /></a>
<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh5.googleusercontent.com/-_3d2qM2PVuw/Uj8ufTu8KoI/AAAAAAAAK70/-mLeNyqF29g/s50/MMG%2520boca%25202.png" title="NOME DO AFILIADO" /></a>

<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh6.googleusercontent.com/-KxDeYYtsEcA/Uj8ufXeV8kI/AAAAAAAAK74/oXg_RjLC0CA/s50/MMG%2520boca%25201.png" title="NOME DO AFILIADO" /></a>
<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh5.googleusercontent.com/-_3d2qM2PVuw/Uj8ufTu8KoI/AAAAAAAAK70/-mLeNyqF29g/s50/MMG%2520boca%25202.png" title="NOME DO AFILIADO" /></a>

<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh6.googleusercontent.com/-KxDeYYtsEcA/Uj8ufXeV8kI/AAAAAAAAK74/oXg_RjLC0CA/s50/MMG%2520boca%25201.png" title="NOME DO AFILIADO" /></a>
<a href="LINK DO AFILIADO" style="font-style: normal;" target="_blank"><img border="0" class="Boring" src="https://lh5.googleusercontent.com/-_3d2qM2PVuw/Uj8ufTu8KoI/AAAAAAAAK70/-mLeNyqF29g/s50/MMG%2520boca%25202.png" title="NOME DO AFILIADO" /></a>
</center> </div>

Editem somente o nome do afiliado e o link. Espero que tenham aprovado, creditem caso usem :3