Hello All,
I would like to get some sticky text/notes on SharePoint 2010 home page as shown in the below link.
http://designshack.net/tutorialexamples/StickyNote/index.html
Following is my code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>Design Shack Sticky Note Demo</title><style type="text/css">
* {
margin: 0px;
padding: 0px;
}
body {
background-image: url(Bkg-pic.jpg); background-repeat: repeat;
color: black;
}
#top {
background-color: #272727;
color: white;
padding: 10px;
border-bottom: 1px solid white;
}
#top a {
color: white;
text-decoration: none;
}
#container {
width: 960px;
margin: 100px auto;
}
.stickyNote {
margin: auto;
width: 300px;
background: yellow; /* Fallback */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBEB00), to(#C5C500));
background: -moz-linear-gradient(100% 100% 90deg, #C5C500, #EBEB00);
padding: 20px 20px 20px 20px;
-webkit-box-shadow: 0px 10px 30px #000;
-moz-box-shadow: 0px 10px 30px #000;
}
.stickyNote h1{
font-size: 100px;
font-family: GoodDogRegular, Helvetica, sans-serif;
}
.stickyNote p {
font-family: GoodDogRegular, Helvetica, sans-serif;
font-size: 30px;
line-height: 35px;
margin: 10px 0 10px 0;
width: 280px;
}
@font-face {
font-family: 'GoodDogRegular';
src: url('GoodDog-webfont.eot');
src: local('‚ò∫'), url('GoodDog-webfont.woff') format('woff'), url('GoodDog-webfont.ttf') format('truetype'), url('GoodDog-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
</style><script type="text/javascript" src="http://mysite/notes/Shared%20Documents/mootools-1.11.js"></script><script type="text/javascript">
window.addEvent('domready', function(){
$$('#container div').each(function(drag){
new Drag.Move(drag);});
}); </script></head><body><div id="container"><div class="stickyNote"><h1>Me Too!</h1><p>Create a Sticky class and use it for multiple items!</p></div><div class="stickyNote"><h1>Drag Me</h1><p>With just a few lines of JavaScript you can make any element on the page moveable!</p></div> </div></body></html>The drag option is not working ,even I am not getting the same look and feel
Somebody help me
Like Cricket