1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

As is this done?

Discussion in 'Styling and Customization Questions' started by ManuTdi, Oct 22, 2011.

  1. ManuTdi

    ManuTdi Active Member

    Surfing the internet I've seen this site and have called me the attention the header that has motion.

    http://www.gamerbb.net/

    how to do?
     
  2. Floris

    Floris Guest

    The header has no motion for me. Please be more specific?
     
  3. Onimua

    Onimua Well-Known Member

    It looks like it's using a bit of jQuery magic.
    HTML:
        <script type="text/javascript">
        $(document).ready(function($){
    
            var backgroundpos = 0;
            var offset = 1;
            function scrollbackground() {
            offset = (offset < 1) ? offset + (backgroundpos - 1) : offset - 1;
              $('.branding').css("background-position",  + offset + "px 0");
              setTimeout(function() {
                scrollbackground();
                }, 100
            );
              }
            scrollbackground();
    
        });
        </script>
     
  4. XFacil.com

    XFacil.com Active Member

  5. ManuTdi

    ManuTdi Active Member

  6. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  7. Brett Peters

    Brett Peters Well-Known Member

    I dont think you are supposed to use the exact same header image as www.gamerbb.net, Lol
    But then again maybe you asked and were given the OK
     

Share This Page