<span id="fullpost"><div align="center"><pre style="overflow: auto; width: 400px; height: 150px;"><div align="left"><span style="font-size: 100%;">



En este espacio ponemos el texto que queramos; sea largo o corto.



</span></div></pre></div>

div align="center">
<div style="background: transparent url(aquí-la-url-de-la-imagen-que-le-vas-a-poner) repeat scroll 0% 50%; width: 375px; height: 316px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
</div>
<!--aca va el contenido y forma del recuadro-->
<p style="border: 2px solid maroon; padding: 10px; background: white none repeat scroll 0% 50%; width: 225px; text-align: center; font-weight: bold; position: relative; top: -120px; left: 10px; color: black; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; opacity: 0.5;">
Aquí va el texto.
Donde podrás escribir todo lo que quieras sobre la imagen. Siempre y cuando no escribas más texto del tamaño que tiene la imagen
</p>
</div>