En este  tutorial aprenderemos a crear 
Text Box con Scroll o sea"un cuadro flotante" que nos servira
para muchas cosas, entre ellas poder mostrar codigos,

imagenes, texto, mejor dicho lo que se quiera.

1. Entras en tu Kit de Construccion y abres la pagina donde quieres un cuadro
flotante
2.- Da click en el botón
< FUENTE HTML>

3- Pega el siguiente código:

<DIV align=center>
<div style="
width: 150pt; height: 100pt;
background-color: #000000;
color: #ffffff;
border-style: ridge;
border-color: #00cc00;
overflow: scroll;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #333333;
scrollbar-shadow-color: #00cc00;
scrollbar-3dlight-color: #00ff00;
scrollbar-arrow-color: #00aa00;
scrollbar-darkshadow-color: #003333;
border-bottom: 1px dashed #00CC00"
<p align="center">
Aquí va tu texto
o
código HTML
O LO QUE QUIERAS METER DENTRO DEL CUADRO
</P></DIV>

4.- Puedes poner todo lo que quieras dentro del  text box en donde dice
Aquí va tu texto o código HTML

5- Estos son los parametros que puedes modificar:

Width :Ancho del recuadro

Height : Altura del recuadro

Back Ground-color : Color de fondo

Color: Color de la letra ( a menos que lo cambies dentro de el área de código html)

Border-Style: el estilo que tendrá el borde podrás probar con estos:
none |
dotted | dashed |
solid | double |
groove | ridge |
inset | outset

Border-Color: Color que tendrá el borde

Overflow: El tipo de Text box que es puedes jugar con estos parametros
visible { overflow: visible; } hidden { overflow: hidden; } scroll { overflow: scroll; } auto { overflow: auto}

scrollbar-face-color:Color de la cara del scroolbar

scrollbar-highlight-color: : el brillo del scrool

scrollbar-shadow-color:el color de la sombra

scrollbar-3dlight-color: el color que da el efecto de 3d

scrollbar-arrow-color: El color de las flechas

scrollbar-darkshadow-color: la parte obscura de la sombra