Thursday, January 30, 2014

  •    Sticky Sidebar Page Per Widget

  •  Place the following code above </body>

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'/>
     <script type='text/javascript'> $(function() { 
    var offset = $(&quot;#HTML7&quot;).offset(); 
    var topPadding = 35;
    $(window).scroll(function() { 
           if ($(window).scrollTop() &gt; offset.top) { 
             $(&quot;#HTML7&quot;).stop().animate({ 
                       marginTop: $(window).scrollTop() - offset.top + topPadding }); }
     else { $(&quot;#HTML7&quot;).stop().animate({ marginTop: 0 }); }; }); }); 
     </script>




    The BLUE color is replaced with a widget on your blog that will be made stiky ( ID WIDGET )
    if there had been no need jqueryscript then given again
    DEMO : try to scroll the page and look to the right

    Friday, January 24, 2014

  •    Animated Background
  • Place it in your html code Please see below for the script  
    example of use :

    <html>
    <head>
    <title></title>
    [... the contents of the scripts  SAWI1.min.js .....]

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

    [... the contents of the scripts  SAWI2.js .....]

    </head>

    <body>

    [... the contents of the scripts  SAWI3.min.js .....]

    <canvas id="theapt" style="background-color: black; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -1;"></canvas>

    </body>
    </html>

    Note : canvas is a field or area of ​​the animation will run




    Download Scripts :
    - SAWI1.min.js
     - SAWI2.js
    - SAWI3.min.js


     DEMO