Olá docinhos.
Hoje vou ensinar-vos como colocar o efeito que tem aqui no blog na equipa, que é o efeito nebula. É bem façil! Todos os créditos ao
Kawaii World.
1.Procura por ]]></b:skin> e acima dessa tag coloca:
figure { margin: 3px; width: LARGURApx; height: ALTURApx; overflow: hidden;
position: relative; border: 3px solid #CORDABORDA; margin-right: 3px; float:
left;}figcaption { font-family: verdana; font-size: 11px; position: absolute;
display: block; width: 111px; height: 20px; left: 267px; bottom: 6px; text-align:
center; color: #CORDAFONTE; text-shadow: none; background:
url(http://i1234.photobucket.com/albums/ff411/SweetLG/78-1.png); border: 3px solid
#CORDABORDADAFAIXA; line-height: 20px; box-shadow: rgba(0,0,0,.5) 0 2px 8px; -
webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform:
rotate(-45deg); transition-duration: 60s; -webkit-transition-duration: .60s;}figure:hover
figcaption { left: 35px;bottom: 10px;}
A largura e a altura tem de ser ambas 108px e edita as pastes que estão a negrito.
2.Em seguida cria um gadget HTML/JavaScript e cola:
<a href="SEULINK"><figure><img src="LINKDAFOTO" width="LARGURADAFOTO" alt=""/>
<figcaption>NOME</figcaption>
</figure></a>
Edita o que está a negrito e na largura coloca tambem 108px.
Espero que tenham gostado do tutorial.
Se tiverem duvidas comentem.