Olá venho trazer uma partilha de box para parceiros/parcerias,como pode visualizar acima na imagem...
Para quem usa parcerias na sidebar aqui está um modelo com hover giratório.
É bem simples de aplicár .
Veja online: ENTRE AQUI...
Vamos em esquema e adicione um gadget html/javacript e cole meu código dentro:
<style type="text/css">Personalizár; link aqui coloque link respetivo a cada parceria...
.bt-parceiros img {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 2;
}
.bt-parceiros img:hover {
-moz-transform: rotateX(160deg);
-webkit-transform: rotateX(160deg);
-o-transform: rotateX(160deg);
transform: rotateX(160deg);
}
</style>
<div class="bt-parceiros">
<center>
<a href="link aqui"><img class="bt-parceiros" src="http://i.imgur.com/Uq5g6lN.png" title="titulo aqui " target="blank" /></a>
<a href="link aqui"><img class="bt-parceiros" src="http://i.imgur.com/552Z4AK.png" title="titulo aqui" target="blank" /></a>
<a href="link aqui"><img class="bt-parceiros" src="http://i.imgur.com/Uq5g6lN.png" title="titulo aqui " target="blank" /></a>
<a href="link aqui"><img class="bt-parceiros" src="http://i.imgur.com/552Z4AK.png" title="titulo aqui" target="blank" /></a>
<a href="link aqui"><img class="bt-parceiros" src="http://i.imgur.com/Uq5g6lN.png" title="titulo aqui " target="blank" /></a>
<a href="link aqui"><img class="bt-parceiros" src="http://i.imgur.com/552Z4AK.png" title="titulo aqui" target="blank" /></a>
<a href="link aqui"><img class="bt-parceiros" src="http://i.imgur.com/Uq5g6lN.png" title="titulo aqui " target="blank" /></a>
<a href="link aqui"><img class="bt-parceiros" src="http://i.imgur.com/552Z4AK.png" title="titulo aqui" target="blank" /></a>
<a href="link aqui" rel="nofollow"><img width="265" height="37" border="0" alt="titulo aqui" src="http://i.imgur.com/v2fkf5S.jpg" /></a>
</center>
<div class='clear'></div></div>
titulo aqui coloque o titulo do blog da parceria...
http://i.imgur.com/Uq5g6lN.png troque a imagem pela sua ...
img width="265" height="37 troque valores caso queira mudar tamanho e altura da ultima imagem...
Foi esta a partilha que trouxe agora ,irei trazer com outros efeitos ,outros modelos,inté mais...
1 comentários:
comentários:)
Mostra SmilesOculta Smiles