Kawaii Text Boxes

 

TUTORIAL Do you want a cute text box like with automatic scrollbar this one? Read more to get the HTML code. It's easy to insert everywhere!

Hey everyone, today I'm gonna show you how to get these cute text boxes for your website/blog, everywhere you can imagine; you just have to be able to put HTML in. I made the backgrounds myself, it already has credit in it so don't worry about mentioning me in the text hehe. ^^

Note: for people who don't know this HTML stuff at all, DON'T worry, this is very easy to do!

 

Kawaii Text Box 1

PREVIEW:

HTML CODE:

<center><!-- Start Kawaii Text Box - Kawaii Palace --><table style="background-image:url('https://4.bp.blogspot.com/-ulgFlGQ8ztc/WGLvpmjtUrI/AAAAAAAAAXI/RjuqDpYB5e8gFeG_UGWEWvWgpIdslrnfACLcB/s1600/textbox1%2Bby%2Bkawaiipalace.png');margin-left:auto;margin-right:auto; border:0px" cellpadding="0" cellspacing="0" width="200"><tr> <td height="306" align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="40%"><tr> <td height="130"></td> </tr><tr> <td style="text-align:center;font-family:verdana; font-size: 8pt; color: #666666" height="150"> <b>TITLE</b><div style="width:145px; height:100px; overflow-y: scroll; scrollbar-3dlight-color:#FBF8F2; scrollbar-arrow-color:#EBB7A8; scrollbar-darkshadow-color :#FBF8F2; scrollbar-face-color:#FBF8F2; scrollbar-highlight-color:#FBF8F2; scrollbar-shadow-color:#FBF8F2; scrollbar-track-color:#FBF8F2">YOUR TEXT HERE!<br> </div></td> </tr><tr> <td><a target="_blank" href="http://annyz-kawaii.blogspot.com/"> </tr></table></td> </tr></table><!-- Finish Kawaii Text Box - Kawaii Palace --></center>

Kawaii Text Box 2

PREVIEW:

HTML CODE:

<center><!-- Start Kawaii Text Box - Kawaii Palace --><table style="background-image:url('https://2.bp.blogspot.com/-IWruBVwOOpg/WGOwh1Xf6zI/AAAAAAAAAZQ/K7djqCgz_q8KveASU7dqexE7BpSLd3HJwCEw/s1600/Achtergrond.png');margin-left:auto;margin-right:auto; border:0px" cellpadding="0" cellspacing="0" width="200"><tr> <td height="306" align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="40%"><tr> <td height="130"></td> </tr><tr> <td style="text-align:center;font-family:verdana; font-size: 8pt; color: #666666" height="150"> <b>TITLE</b><div style="width:145px; height:100px; overflow-y: scroll; scrollbar-3dlight-color:#FBF8F2; scrollbar-arrow-color:#EBB7A8; scrollbar-darkshadow-color :#FBF8F2; scrollbar-face-color:#FBF8F2; scrollbar-highlight-color:#FBF8F2; scrollbar-shadow-color:#FBF8F2; scrollbar-track-color:#FBF8F2">YOUR TEXT HERE!<br> </div></td> </tr><tr> <td><a target="_blank" href="http://annyz-kawaii.blogspot.com/"> </tr></table></td> </tr></table><!-- Finish Kawaii Text Box - Kawaii Palace --></center>

Kawaii Text Box 3

PREVIEW:

HTML CODE:

<center><!-- Start Kawaii Text Box - Kawaii Palace --><table style="background-image:url('https://1.bp.blogspot.com/-RBKTDIfd1NQ/WGOwOoca3qI/AAAAAAAAAZI/A870XqHTEXwsbZYvnmIwDpm5SpkJoCiJACEw/s1600/06622e19292b14036ffc70d6a8ededff.jpg.png');margin-left:auto;margin-right:auto; border:0px" cellpadding="0" cellspacing="0" width="200"><tr> <td height="306" align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="40%"><tr> <td height="130"></td> </tr><tr> <td style="text-align:center;font-family:verdana; font-size: 8pt; color: #666666" height="150"> <b>TITLE</b><div style="width:145px; height:100px; overflow-y: scroll; scrollbar-3dlight-color:#FBF8F2; scrollbar-arrow-color:#EBB7A8; scrollbar-darkshadow-color :#FBF8F2; scrollbar-face-color:#FBF8F2; scrollbar-highlight-color:#FBF8F2; scrollbar-shadow-color:#FBF8F2; scrollbar-track-color:#FBF8F2">YOUR TEXT HERE!<br> </div></td> </tr><tr> <td><a target="_blank" href="http://annyz-kawaii.blogspot.com/"> </tr></table></td> </tr></table><!-- Finish Kawaii Text Box - Kawaii Palace --></center> 

Kawaii Text Box 4 

PREVIEW:

HTML CODE:

<center><!-- Start Kawaii Text Box - Kawaii Palace --><table style="background-image:url('https://1.bp.blogspot.com/-O3Ue_PnsFa4/WGOvyGmrEUI/AAAAAAAAAZE/WlpZihzDb_wn2H5OpdWvPy6Qem3mgwJSgCEw/s1600/naamloos.png');margin-left:auto;margin-right:auto; border:0px" cellpadding="0" cellspacing="0" width="200"><tr> <td height="306" align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="40%"><tr> <td height="130"></td> </tr><tr> <td style="text-align:center;font-family:verdana; font-size: 8pt; color: #666666" height="150"> <b>TITLE</b><div style="width:145px; height:100px; overflow-y: scroll; scrollbar-3dlight-color:#FBF8F2; scrollbar-arrow-color:#EBB7A8; scrollbar-darkshadow-color :#FBF8F2; scrollbar-face-color:#FBF8F2; scrollbar-highlight-color:#FBF8F2; scrollbar-shadow-color:#FBF8F2; scrollbar-track-color:#FBF8F2">YOUR TEXT HERE!<br> </div></td> </tr><tr> <td><a target="_blank" href="http://annyz-kawaii.blogspot.com/"> </tr></table></td> </tr></table><!-- Finish Kawaii Text Box - Kawaii Palace --></center>

Soo! Those where the HTML  textboxes I made. Hopefully you'll enjoy them and obviously use them. If you're kinda good with HTML, you can put a direct link to your own picture as a background too. The size has to be 200x300.

ENJOY ♥

 Ciao, Pixie