Flutuar Objeto Sobre Imagem

flower, girl, pretty, sweet, cute

E aí amores tudo bem? A revista está quase pronta, aguardem só mais um pouquinho do carregamento da mesma! Enquanto isso, clique em Leia Mais e leia este tutorial que uso bastante!


TUTORIAL

Layout > Adicionar Gadget HTML/JavaScript e neste cole:

<div style="background:url(URL DA IMAGEM) left no-repeat; width: 400px;  height: 200px;"><div style='float:left; padding-top:20px; padding-left:20px;'>
Código ou html desejado aqui.
</div></div>

Alterações:

URL DA IMAGEM = Coloque o url da imagem que objeto deve ficar por cima.
Width = Largura da imagem.
Height = Altura da imagem.
Padding-top = Margem interna do topo.
Padding-left = Margem interna da esquerda.

Ex:


Foto: http://trasshygirl.blogspot.com.br

Com este tutorial que eu aprendi no Trashy Girl, eu pude fazer algumas das coisas do blog como a página de Signos, a página Tv etc. Espero que tenham gostado ;D