hi
    
About

     Kodleeshare hopes to serve high quality MIDIs and videos to you. That's about it. Kodleeshare was started by a single kid who wanted to learn web development. It has since grown into a testing platform for media distribution.

     Founded by Kodlee Yin [Age 15 at the time], October 2010




     Here are some code snippets I made myself for the website if you are interested in web development.

Paralax scrolling background:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
//Javascript
//JQuery is required for this to work.

var a, b, c, d;
a = $(document); //We can grab the content height off of this
b = $(window); //The window height
c = document.body; //And the body
d = 1080; //The height of the background picture

$(function() {//On document ready
   b.unbind("scroll").scroll(function () { //Override default scrolling action
      //Since we're only given the distance from the top the page has scrolled, we need to 
	  //calculate a scalar value (the ratio) to multiply to the picture to make it scroll 
	  //with the content.
      var bgPos = -Math.min((d-b.height())/(a.height()-b.height()),.5)*a.scrollTop();
      //Then apply the effect with the css style "background position"
      c.style.backgroundPosition = "0px "+ bgPos + "px";
   })
}) 
CopyLeft symbol:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<!-- HTML! -->

<span style="
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
     -moz-transform: scaleX(-1);
     -o-transform: scaleX(-1);
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
     display: inline-block;
     font-size:10px;
">&copy;</span>
Sticky header:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
 //Javascript
//JQuery is required for this to work

//We create two nav bars for this to work. One called "navbar_static" and the other "navbar_dynamic". The static one never changes and is always there. The dynamic one is hidden until the page is scrolled below the top of the static navbar. Then we display the dynamic one. We hide the dynamic one only when the page is scrolled above the static one again. Make sure in the CSS, the dynamic navbar has "position: fixed;" so you can fix it to the top of the screen.

$(function() {
var b, navbar, headHeight;
b = $(window); // Window height
navbar = $('#navbar_dynamic'); //The 'dynamic' navbar that will be moving
headHeight = 112; //The distance from the top of the page to the top of the navigation bar

b.unbind("scroll").scroll(function() {
   if(b.scrollTop() > headHeight)
   {
     navbar.css('display', 'block');
     navbarFadeValue = Math.min(Math.max(b.scrollTop() - headHeight, 0) / 4 - 10, 15);
     .css('box-shadow', '0 '+ navbarFadeValue +'px 25px #000');
   } else {
     navbar.css('display', 'none');
   }
})