All for Joomla All for Webmasters

Texto em imagem com HTML

O resultado será esse:

gaga pisando nas inimigas, hahahaha ♥

1. Cole esse código no seu CSS:


.textoimagem {
margin-top: -38px;
margin-left: 5px;
padding: 5px;
position: absolute;
background: #COR DO FUNDO DA ESCRITA AQUI;
color: #COR DA FONTE AQUI;
text-align: left;
font: TAMANHO DA FONTEpx NOME DA FONTE, serif;
font-style: italic;}

2. Cole este código onde você quer que apareça a imagem e edite o que é indicado:


<center><img src="http://link-da-imagem-hospedada-aqui" width="largura da imagem"> <div class="textoimagem">digite o texto que desejas</div> </center>

Prontinho :3