6 jul. 2011

Cajitas de Texto by Kitty's Place




Tu texto va aquí :3
<div style="background-image: url(https://sites.google.com/site/kittysplaceicons/kittysplace/kpbox200x200.gif?attredirects=0); height: 200px; text-align: center; width: 200px;">
<center><div style="height: 20px; width: 100px;">
</div>
<div style="height: 150px; overflow: auto; width: 200px;">
<span style="color: #fd61f2; font-family: verdana; font-size: 110%;"> Tu texto va aquí :3 </span></div>
</center></div>









Tu texto

<div style="background-image: url(https://sites.google.com/site/kittysplaceicons/kittysplace/textbox2.gif?attredirects=0); height: 168px; text-align: center; width: 130px;">
<span class="Apple-style-span" style="color: #d5a6bd;"><br /></span><br />
<center><div style="height: 20px; width: 100px;">
</div>
<span class="Apple-style-span" style="color: #d5a6bd;">
<div style="height: 150px; overflow: auto; width: 120px;">
<span style="color: #fd61f2; font-family: verdana; font-size: 110%;"> Tu texto </span></div>
</span></center></div>



escribe aqui

(Este tiene un marco negro que aquí no se ve por razones obvias)

<div style="background-image: url(https://sites.google.com/site/kittysplaceicons/kittysplace/textbox3.gif?attredirects=0); height: 168px; text-align: center; width: 200px;">
<center><div style="height: 20px; width: 100px;">
</div>
<div style="height: 150px; overflow: auto; width: 100px;">
<span style="color: #ea9999; font-family: verdana; font-size: 110%;"> escribe aqui </span></div>
</center></div>



Kitty's Place :3

<div style="width: 150px; height: 157px; background-image: url(https://sites.google.com/site/kittysplaceicons/kittysplace/textbox4.gif); text-align: center;"> <center><div style="width: 100px; height: 20px;"> </div><div style="width: 100px; height: 150px; overflow: auto;"> <span style="color: rgb(253, 97, 242);font-family:verdana;font-size:110%;" > Kitty's Place :3 </span></div></center></div><br />


Espero que les guste este pequeño regalito :3 ya estoy haciendo más, si tienen problemas con el código me avisan y lo arreglo.


Si tu texto no está centrado, revisa el código, si tienes muchos <br> alineados, bórralos y sólo deja dos :)

7 comentarios:

  1. Me encantaan *___* Las usare creo ^^ muchisimas graciias por todos los recursos que te molestas en hacer para nosotros :D

    Besos!!

    ResponderEliminar
  2. que lindas tu cajita nena :D
    muy buena la idea de hacerlas haci n_n

    ResponderEliminar
  3. Las adoré *------*
    sobretodo la primera y la tercera!
    Quizás las use *-*

    ResponderEliminar
  4. Me encantan las cajitas son adorables,Mary gracias por animarme y estar ahi ^^

    ResponderEliminar
  5. LAS AMO!!!
    Voy a poner una en mi blog!!!

    ResponderEliminar