Creando notas adhesivas (post-it) [cerrado]

Estoy diseñando una página web.

Y quiero usar notas adhesivas (post-it) en mi página. Donde, cada nota adhesiva se agrega cuando hacemos clic en el botón Agregar ... El color de las notas adhesivas debe cambiar al azar, debe estar inclinado y debe tener algún efecto de desplazamiento.

Cómo puedo hacer eso ? Solo se deben usar CSS y HTML.

Probé el código que obtuve de un sitio web.

http://net.tutsplus.com/tutorials/html-css-techniques/create-a-sticky-note-effect-in-5-easy-steps-with-css3-and-html5/

Pero, tenía una parte de mi sitio web como lista ... así que cuando utilicé este código, también hago los elementos de la lista como una nota adhesiva ... quiero darle propiedad solo a un div

HTML
<html>
<head>

<ul>

    <li> Not to use sticky note </li>
 </ul>

<div class="sticky"> -------------want to give property to this div only
<ul class="sticky">  
<li > 
<p >Stickynote1</p>  
</li>  
<li class="r" >  
stickyonote2  
</li>  
</ul>
</div>
<div>
</div>  

</div>
</div>
</div>
</div>
</body>
</html>