YOU MUST PUT THIS TEXT IN THE BOX THAT SAYS "CSS (beta)" IN YOUR JOURNAL. THIS DEFINE THE WINDOW'S PROPERTIES.

ÉSTE TEXTO DEBES PONERLO EN LA CAJA QUE DICE "CSS BETA" DE TU JOURNAL. ES LO QUE LE DA LAS PROPIEDADES A LA VENTANA Y EL TÍTULO.

div.window {
background-attachment: scroll;
width:200px;
height:150px;
border-width: 0px 4px 4px 4px;
border-color: #d3539b;
border-style: solid;
padding: 20px 10px 10px 10px;
margin-top: -15px;
background-color: #d3539b;
overflow: auto;
}

div.titlewindow {
height: 23px;
width:240px;
background-position: top left;
background-color: #d3539b;
padding-top: 7px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
overflow: hidden;
}


---------- EXPLICACIÓN -------

div.window

background-attachment: scroll; // Es lo que hace que tenga barra desplazadora
width:200px; // Ancho de la ventana
height:150px; // Alto de la ventana
border-width: 0px 4px 4px 4px; // Con esto determinas el ancho de cada uno de los bordes
border-color: #d3539b; // Color del borde
border-style: solid; // Estilo del borde puede ser solid, dotted, dashed, double, groove, ridge, inset, outset pruebalos todos
padding: 20px 10px 10px 10px; // Los margenes internos de cada laddo de la ventana
margin-top: -15px; // Es el margen externo superior en mi caso es lo que hace que la ventana se junte con el título.
background-color: #d3539b; // Color de fondo de la ventana
overflow: auto; // Esto es lo que hace que si el contenido exede el area del div aparesca una barra desplazadora, je >_>

---------

div.titlewindow

height: 23px; // Alto de la barra de título
width:240px; // Ancho
background-position: top left; // Posiciona el fondo ariba y a la izquierda
background-color: #d3539b; // Color de fondo
padding-top: 7px; // Margen interno superior
font-size: 12px; // Tamaño de la letra en pixeles
font-weight: bold; // Si la letra es negrita o no. Bold= negrita , normal= normal
color: #FFFFFF; // Color de la letra
overflow:hidden; // Oculta el contenido del título si es demasiado largo para el area definida en los primeros don renglones


---------- PART BY PART -------

div.window

background-attachment: scroll; // this makes the window scrollable
width:200px; // windows width
height:150px; // windows height
border-width: 0px 4px 4px 4px; // Obvious xD
border-color: #d3539b; // Border color
border-style: solid; // Can be solid, dotted, dashed, double, groove, ridge, inset, outset... try all!
padding: 20px 10px 10px 10px; // Internal margins
margin-top: -15px; // External margin on top
background-color: #d3539b; // U know xDu
overflow: auto; // it shows scrollbars if the content doesn't fit the container

---------

div.titlewindow

height: 23px; // U know
width:240px; // U know
background-position: top left; // Put background on top left
background-color: #d3539b; // you know
padding-top: 7px; // Internal top margin
font-size: 12px; // Hehe
font-weight: bold; // Can be bold, normal or bolder
color: #FFFFFF; // Font color
overflow:hidden; // it hides the content that doesn't fit the container


-----------------------------------------------------------

PUT THIS IN THE PLACE YOU WANT THE WINDOW APPEAR
ESTO LO PONES EN EL LUGAR DONDE QUIERAS QUE APARESCA LA VENTANA


<div align="center"><div class="titlewindow">WINDOW'S TITLE</div>
<div class="window"> CONTENIDO DE LA VENTANA / WINDOW'S CONTENT CONTENIDO DE LA VENTANA / WINDOW'S CONTENT CONTENIDO DE LA VENTANA / WINDOW'S CONTENT CONTENIDO DE LA VENTANA / WINDOW'S CONTENT CONTENIDO DE LA VENTANA / WINDOW'S CONTENT CONTENIDO DE LA VENTANA / WINDOW'S CONTENT CONTENIDO DE LA VENTANA / WINDOW'S CONTENT
</div></div>

-----------------------------------------------------------

ANY QUESTIONS ? LEAVE A COMMENT

CUALQUIER PREGUNTA DEJALA EN LOS COMENTARIOS n.nU