Tutorial:Cajita para texto o imagen ♥



Hola,no pude entrar el sabado ni domingo ,por mi hermana que tenia arta tarea, y aparte estaba ocupada yo,Bueno les dejo este tutorial ,que dije que lo aria ,Trata de la siguiente cajita donde hay dentro "Texto Aqui TeXTO aQUI" ,mas unas imagenes  , la otra vez yo comparti avatares ,y lo puse dentro de esta cajita para que no ocupe tanto campo .Podemos personalizar esta cajita,puede tener fondito,cambiar el color de la letra, el tamaño.
Bueno para que vean como queda aqui les dejo la muestra de la cajita:




 
Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI Texto Aqui TeXTO aQUI

Si les gusto u lo quieren solo tienen que seguir los siguientes pasos :
1.Si quieres ponerlo  entrada, vas a tu entrada y clic en  Html y pegas el siguiente codigo:


 <div style="background-image: url(URL DEL FONDO); border-radius: 10px;color:#FDA0B8 ; font-family: verdana; font-size: 11px; height: 300px; width: 500px;
 padding: 20px; overflow: auto;"><center>
Texto Aqui TeXTO aQUI o codigo o Imagen</center>
</div>
URL DEL FONDO:pones la url del fondito que mas te guste
10:Aumentas y se pondran mas redonditos las esquinitas de la cajita
#FDA0B8:Color de la letra
11:Tamaño de la letra
300:Altura de la cajita
500:Ancho de la cajita
Texto Aqui TeXTO aQUI o codigo o Imagen

Bueno eso es todo ,espero que les haya gustado y si ay algo malo en el codigo que no funciona me avisan por que lo ise rapido ok? 


15 comentarios :

  1. me encanto!!! gracias por ponerlo,estoy segura de que en algún momento lo usare *-*

    Saludos!!!

    ResponderEliminar
  2. Gracias esta muy bueno el tuto :D muchas gracias :3

    Muchos besos y se cuidan!!

    ResponderEliminar
  3. que bonito y aparte muy sencillo :)

    ResponderEliminar
  4. buen tutorial, gracias por el ^^

    ResponderEliminar
  5. quee cute! Gracias por estte buen tutorial!

    ResponderEliminar
  6. Muchas gracias por el tuto Onee-Chan! Ah y tienes un premio el mi blog: http://youaremylittlecupcake.blogspot.com.es/ Chuz <3

    ResponderEliminar
  7. Usada estauy lindo espero ponerlo en práctica en cuanto tenga disponible la pc porque aquí batallo muchísimo, queda muy lindo ENCERIO *O*

    ResponderEliminar
  8. Holi, me podrías hacer una firmita que diga???: Furude Rinho
    Es que yo no sé hacer firmas y el único programa que tengo en mi computadora es paint, y mi mamá no me deja instalar nada U.U
    De antemano, gracias

    ResponderEliminar
  9. Hola Luna, es muy bonita la caja. Es utilizable y se puede usar como Text Area [Creooo... Según Yo]

    Bien lindo el tuto ♥

    el-rinconcito-de-charly.blogspot.com/ & stargirsl.blogspot.com/


    Bai.

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥