Tutorial Scroll Box

Hi Hi~ 

hoy les quiero dejar un tutorial y como dice el titulo es un scroll box. Para los que no 
sepan que es les dejo una captura de lo que haremos 
en este tutorial.

  

1°Añadiremos un gadget Html/Javascript

2° allí pegaremos el siguiente código

<style>

.imageu{

width:260px;

border-radius:10px;

background:url (aqui url);

background-size:360px;

padding:15px;

height:200px;

box-shadow:0 0 6px #ccc;}

.boxeu{

width:250px;

border-radius:10px;

background:#fff;

background-size:360px;

padding:5px;

height:190px;

opacity:0.9;

border:1px dashed #ccc;

text-align:left;

color:#777;

overflow-x: hidden;

overflow-y:scroll;

}

</style>

<div class="imageu">

 <center>

  <div class="boxeu">

   contenido

  </div>

</center>

</div>

♥ aquí pueden cambiar el tamaño de la cajita,tienen que ir jugando con los números xD

♥ aquí tienen que colocar la imagen para el fondo

♥ aquí deben escribir el mensajito

y eso es todo,como siempre un tutorial muy fácil n_n