Css Nota estilo papeles superpuestos

Este código css tiene un estilo papeles superpuestos, usalo como más lo necesites.

Pega este código en un widget/html

smiley

  <div id="papers">
        <span id="paper1"></span>
        <span id="paper2"></span>
        <span contenteditable id="paper3">aqui tu texto aqui tu texto</span>
</div>

Pega este código en el head de tu web

smiley

  <style type="text/css">
/*<![CDATA[*/
#paper1, #paper2, #paper3 {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 15px #F9F9F9 inset, 0 0 5px #E5E5E5;
    color: #666666;
    display: block;
    font: bold 10pt helvetica,arial,verdana,sans-serif;
    height: 100px;
    margin: 10px auto 20px;
    padding: 20px;
    width: 90%;
}
#paper1 {
    -moz-transform: rotate(-3deg);
    margin: 10px auto 20px;
}
#paper2 {
    -moz-transform: rotate(0.5deg);
    margin: -165px auto 0;
}
#paper3 {
    -moz-transform: rotate(-1.5deg);
    margin: -140px auto 10px;
}
#paper3:focus {
    outline: medium none;
}  
/*]]>*/
</style>

Ejemplo del papel superpuesto

aqui tu texto
Comentarios: 6
  • #6

    messi10neymar11losmejoresfcb (lunes, 02 junio 2014 16:25)

    ME GUSTA QUE BIEN

  • #5

    Anhgelo (sábado, 15 marzo 2014 04:37)

    ESCOJE UNA PLANTILLA QUE TE DEJE HACERLO
    Y HAY PLANTILLAS QUE YA SON DE ESPACIO COMPLETO

  • #4

    Milthon Duarte Alfaro (miércoles, 16 octubre 2013 04:52)

    Hola, soy nuevo en este foro, y me gustaria saber si alguien me puede aydar, lo que quiero hacer es que mi plantilla ocupe toda la pantalla, no se si se puede hacer pero si hay alguien que se pa y me puede ayudar se lo agradeceria mucho..

  • #3

    Flor (domingo, 17 febrero 2013 16:36)

    Me ha encantado tanta creatividad y les doy las gracias por compartir, soy una bloguera reciente que desconoce de muchas cosas he ido intentando ir aprendiendo día con día, tomé el botón para facebook que me pareció muy bonito, el color querria cambiarla pero talvez después, tome la conexión de mi pc hacia facebook y esta r enterada del moviento como explican, pero al querer conectarme me sale error algo habré de haber hecho mal, de todos modos me encantaría me ayudaran con el procedimiento, trate de poner en mi página el botón que está en la derecha de tu página y cuando pasas por allí despliega la caja pero no logré encontrar el codigo y como hacerlo, pienso que talvez sea con un gadget pero no sé, ayudenme porfavor, también tome el codigo para hacer un papel superpuesto y escribir algo, pero sólo sale el texto y no el papel superpuesto no se porque, talvez podría ser como un pos it pero no se si se puede, en fin de todas maneras me ha encantado la pagina la dejaré en mis marcadores porque tiene cosas muy interesantes.

  • #2

    patiomusical (miércoles, 17 octubre 2012 07:14)

    www.patiomusical.jimdo.com quien me ayuda codificarla

  • #1

    yeray (viernes, 05 octubre 2012 09:53)

    hoal