Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Jul 2005
    Posts
    1
    Member #
    10812
    http://www.bungie.net/Games/HaloPC/


    See the stuff on the top, left, and bottom that stays in place when you scroll.

    I've seen sites where an element jumps back to the same place after you scroll, some that slide to the same place after you scroll, but none that have kept something in the exact same location, never jumping or moving while you scroll. This would be an incredibly useful piece of code, I'm sure for many of us.

    Can anyone help me by either extracting the code from this website, or showing me your own code that does the same thing, maybe with some explaination of each line.

    Thanks in advance.

  2.  

  3. #2
    Junior Member
    Join Date
    Jun 2005
    Location
    SE South Dakota
    Posts
    7
    Member #
    10224
    This is how I made a similar page

    Can anyone help me by either extracting the code from this website, or showing me your own code that does the same thing, maybe with some explaination of each line.
    This is done with CSS. In this case, several style sheets which work differently according to your browser.

    You can see a less complicated version of this effect on my ezine site

    It basically works by allowing you to have a static background layer that does not move while the rest of the page scrolls.

    If you want to view the style sheets for the page you cited, use your browser to view the source code and make a note of the different css style sheets.

    Then you can input these into your browser address bar, ie. http://www.bungie.net/css/AllBrowsers.css, and view the style sheet.

    If you would like to look at my style sheet it can be viewed here

    I'm a beginner with CSS so you may find their sheet easier to understand and implement yourself.

    Wonder Wyant

  4. #3
    Senior Member zionlocke's Avatar
    Join Date
    Jan 2003
    Location
    .: l33t Basement :.
    Posts
    736
    Member #
    483
    Liked
    3 times
    If you visit the w3c css website and the page of their css contact, you will see simpler but the same implementations that are used on the halo site.

    http://www.w3.org/Style/CSS/
    http://www.w3.org/People/Bos/
    Cheers, zionlocke :chinese:
    Links: Zion Creation | Blog


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:49 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com