Eu falei que ia voltar, MUAAAAHAHAHAHA
-n
Voltei! e agora com um tutorial :3 é um efeito para colocar em algum gadget de afiliados, ou de moderadores muito mais divo que o meu sem graça, e a burra aqui não usa porque tem preguiça e se chama Nebulla. você pode conferir aqui
1. procure por ]]></b:skin> e acima dessa tag, cole o seguinte:
figure { margin: 3px; width: 108px; height: 108px; 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;}Nesse código existe muita coisa a ser editada, mas destaquei apenas os mais importantes. Recomendo que a largura e altura sejam ambas 108px como já está, pois se você mudar, vai ter que trocar o left e bottom da faixa. Após editar tudo que está em negrito, salve.
2. Em um gadget de HTML/JavaScript, cole:
<a href="SEULINK"><figure><img src="LINKDAFOTO" width="LARGURADAFOTO" alt=""/>Edite agora os códigos em negrito e em largura da foto coloque a mesma largura do código anterior (se você não mudou, coloque 108). Salve e seu gadget estará pronto! Se houverem dúvidas, tirem pelos comentários. até o próximo tutorial!
<figcaption>NOME</figcaption>
</figure></a>
Este comentário foi removido pelo autor.
ResponderExcluir