Tworzenie notatek samoprzylepnych (post-it) [zamknięte]

Projektuję stronę internetową.

I chcę użyć karteczek samoprzylepnych (post-it) na mojej stronie. Gdzie każda karteczka jest dodawana po kliknięciu przycisku dodawania ... Kolor karteczek musi się zmieniać losowo i musi być przechylony i musi mieć jakiś efekt zawisu.

Jak mogę to zrobić ? Należy używać tylko CSS i HTML.

Próbowałem kodu, który otrzymałem ze strony internetowej

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

Ale jako część listy miałem pewną część mojej strony ... więc kiedy użyłem tego kodu, to także sprawił, że elementy listy stały się kartą samoprzylepną .. chcę dać własność tylko divowi

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>

questionAnswers(1)

yourAnswerToTheQuestion