Saturday, April 21, 2012

Multiple Background images in CSS

0 comments
Multiple images in a background of html site here is the solution. You can give multiple background images in simple code in css please check the following code.
#body_back{
  background: url(photo1.png),
        url(photo2.png),
        url(photo3.png)
  ;
  background-repeat: no-repeat,
             no-repeat,
             repeat-y;
            
  background-position: 0 0,
             60px 40px,
             right top;
  
  width: 500px; 
  height: 600px;
  border: 1px solid #2a2a2a;
}

Read more...

Tuesday, April 3, 2012

Close a fancybox after submitting a form

0 comments
Many of them are using fancybox for form display.But they facing a problem how to close it after submitting the form.Here is the code
    /* Close the fancybox when you submit a form
     */
    $('#myform').submit(function(){
    $.fancybox.close();
    return false;
    });
     
    /* Here's another approach,
     * but this time we're tied to the submit button
     */
     
    $('#submit_button').click(function(){
    $.fancybox.close();
    return false;
    });

Read more...

jParallax-Amazing layer effect using JQuery

0 comments

jParallax is an amazing js file for creating layer effect using JQuery. Using unordered list (ul) and "li" its mainly working. jparallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport.

 These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way. you can download the file from here or visit the site of jParallax to click here


Read more...