SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot
    Join Date
    Nov 2010
    Posts
    114
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cool Centering Background Images

    Hello,

    I am very interested in finding out how to create a background image which is centered on the page and expands over the whole screen and shows the same on different types of screen resolutions. (example 1024px by 768px, 1280px by 1024px...)

    Kinda some examples:

    http://www.justinguarini.com
    http://seedplanted.org

    Thanks!
    Justin

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    You could try something like this:

    Supersized 3

    It has an option just to have a single background image, rather than a slideshow.

    The easiest way, of course, is just to have a centered background image on the body that doesn't resize.

  3. #3
    SitePoint Zealot
    Join Date
    Nov 2010
    Posts
    114
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cool App im really getting into jQuery its super fast.

    Thanks!

  4. #4
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    I would REALLY advise against doing that -- your two examples being so massive and taking so long to load I'd be shocked if anyone bothers waiting for the page to finish loading. At the sizes you mentioned you're looking at a half a megabyte image -- four times the upper limit I'd allow on a single page of a website in HTML+CSS+IMAGES+SCRIPTS!

    There's a reason you don't see that on REAL websites, and instead on artsy sites that while very pretty, are ultimately useless with no real traffic.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •