18/1/13

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.

  

Añadiremos un gadget Html/Javascript
 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

2 comentarios:

  1. ¡Que gran blog! y qué grandes tutoriales! eres una genia! o.O
    Un beso,y sigue así!

    ResponderEliminar
  2. Conichigua!
    Tienes un premio en mi blog:
    http://mimundomagicoanitaeditions.blogspot.com.ar/2013/01/premio-d.html

    ResponderEliminar