[TUTORIAL]Como hacer tu cajita de texto con movimiento!!


Hola!!
Bueno esta tutorial me la hen pedido[cupcake]aunque ya la iba hacer!!pero!!como quiera,gracias por recordarmela!!
Bueno vamos a empezar!!

Este es el codigo!!!:

<center>
<div style="-webkit-border-radius: 10px 10px 10px 10px; background-image: url(URL DE TU IMAGEN); border: 3px Solid #FF50E0; height: 200px; moz-border-radius: 10px 10px 10px 10px; text-align: left; width: 180px;">
<center>
<div style="height: 160px; width: 200px;">
<br /></div>
<div style="center: auto; height: 160px; width: 110px;">
<span style="color: black; font-family: 'century gothic';"><marquee scrollamount="2"><img src="URL DE GIFS" />  TU MENSAJITO</marquee></span></div>
</center>
</div>
</center>


VAMOS A EDITAR!!
Ahora esto es super importante..para que todo que perfecto...tienes que conseguir una imagen de esta medidas 200px-264px.Ya ccuando tengas eso!!la editamos,cuando la edites!!la cajita blanca la tienes que poner abajo de la imagen!!Cuando pongas la url de tu imagen en el codigo te va a salir como en la foto de abajo....


No te preocupes...haci se supone que te quede....le das ha "vista previa" y derifica que el texto en movimiento este adentro de la cajita!!!Los gifs eso es opcional,pero te recomiendo que pongas uno.

La medidas de la cajita,te recomiendo que las dejes asi,para que no se dane el codigo!!
Si quieres la cajita,de donde pongo los codigos aqui esta:

<textarea cols="10 rows="3" style="background: url(URL);border: 1px solid #fcc">TU TEXTO</textarea>





ESPERO QUE OS GUSTE!!
SI NO ENTIENDES ME AVISAN!!!
POR FAVOR DEMEN LOS CREDITOS..ME COSTO MUCHO TRABAJO HACER EL CODIGO Y EL TUTORIAL!!!
ATT:DAYI