Создание заметок (post-it) [закрыто]

Я проектирую веб-страницу.

И я хочу использовать заметки (пост-это) на моей странице. Где каждая заметка добавляется, когда мы нажимаем кнопку добавления ... Цвет заметок должен меняться случайным образом, он должен быть наклонен и иметь некоторый эффект при наведении.

Как я могу это сделать ? Только CSS и HTML должны быть использованы.

Я попробовал код, который я получил с сайта

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

Но у меня была какая-то часть моего веб-сайта в виде списка ... поэтому, когда я использовал этот код, он также сделал элементы списка заметкой. Я хочу передать свойство только 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>