Tiled background on website/forums.

Discussion in 'Accepted' started by Giltine, Jul 29, 2014.

  1. Giltine
    Offline

    Giltine Donator

    Joined:
    Jul 2, 2014
    Messages:
    86
    Likes Received:
    33
    Gender:
    Male
    Location:
    California
    Country Flag:
    IGN:
    Giltine
    So, my monitor is 1440p, and It kind of bothers me that the background is only 1920x1080 and tiles multiple times. o_o
    Wondering if you could fix this?
    Thanks.
    Example:
    [​IMG]
     
  2. Katsuruka
    Offline

    Katsuruka Donator

    Joined:
    May 10, 2013
    Messages:
    10,977
    Likes Received:
    5,320
    This should theoretically be possible by using javascript to detect screen resolution and directing users with resolutions above 1920x1080 to a larger version of the background image.
     
  3. Chokladkakan
    Offline

    Chokladkakan Web Developer

    Joined:
    Feb 2, 2014
    Messages:
    421
    Likes Received:
    986
    One wouldn't even need JavaScript: this is precisely the sort of thing CSS3 Media Queries are for; changing the style of the content based on the properties of the device displaying it.

    (Which is to say that if a larger image is provided, I will make it happen.)
     
    Katsuruka likes this.
  4. Matt
    Offline

    Matt Administrator

    Joined:
    May 8, 2013
    Messages:
    15,349
    Likes Received:
    19,450
    Gender:
    Male
    Location:
    United Kingdom
    Country Flag:
    IGN:
    Matt
    Level:
    N/A
    Guild:
    Staff
    I can attempt to scale up the images if you can tell me what sizes would be required, Chok.
     
    Katsuruka likes this.
  5. Chokladkakan
    Offline

    Chokladkakan Web Developer

    Joined:
    Feb 2, 2014
    Messages:
    421
    Likes Received:
    986
    Something in the order of 2560 x 1600 pixels ought to suffice. Alternatively, making the edges of the image either uniform or simple enough that the space beyond the insufficient image can be filled with some other colour or gradient (which would be ideal, since then people with even larger monitors or weird setups (I, for one, use monitors in portrait mode) still get a pleasant experience).
     
  6. Matt
    Offline

    Matt Administrator

    Joined:
    May 8, 2013
    Messages:
    15,349
    Likes Received:
    19,450
    Gender:
    Male
    Location:
    United Kingdom
    Country Flag:
    IGN:
    Matt
    Level:
    N/A
    Guild:
    Staff
    Joel made this (1920x1080) recently which we could centre align, no repeat, with white background colour. However this image would likely be hidden behind large resolutions such as the topic starter? In fact, it may be better if the fade was thinner?
     
  7. Chokladkakan
    Offline

    Chokladkakan Web Developer

    Joined:
    Feb 2, 2014
    Messages:
    421
    Likes Received:
    986
    It would be hidden, yes (eighty-five per cent of 2560 is 2176—more than 1920). Ideally we'd need something that is both larger and includes some convenient fading or similar.
     
  8. Matt
    Offline

    Matt Administrator

    Joined:
    May 8, 2013
    Messages:
    15,349
    Likes Received:
    19,450
    Gender:
    Male
    Location:
    United Kingdom
    Country Flag:
    IGN:
    Matt
    Level:
    N/A
    Guild:
    Staff
  9. Chokladkakan
    Offline

    Chokladkakan Web Developer

    Joined:
    Feb 2, 2014
    Messages:
    421
    Likes Received:
    986
    I'm not currently at home with a monitor large enough to test this, meaning that I am working from memory and cannot verify my implementation. I would therefore appreciate word from Giltine or someone with a similarly large monitor on whether it is working all right.

    (And when such a confirmation is received I'll update the main website accordingly as well.)

    Edit: I received confirmation from members of staff with reasonably large screens, but I'd appreciate a screenshot from someone with a gargantuan one, just ni case.
     
    Last edited: Jul 31, 2014
  10. Joshy
    Offline

    Joshy Donator

    Joined:
    Jun 17, 2014
    Messages:
    155
    Likes Received:
    216
    Gender:
    Male
    Location:
    England
    Country Flag:
    IGN:
    Punchio
    Level:
    200
    Guild:
    LiquorStore
    the right hand side of both images on my screen are significantly whiter than the left if that helps.
     
  11. Matt
    Offline

    Matt Administrator

    Joined:
    May 8, 2013
    Messages:
    15,349
    Likes Received:
    19,450
    Gender:
    Male
    Location:
    United Kingdom
    Country Flag:
    IGN:
    Matt
    Level:
    N/A
    Guild:
    Staff
    Would you be able to provide us with a screenshot if possible?
     
  12. Doritos
    Offline

    Doritos Donator

    Joined:
    Feb 13, 2014
    Messages:
    620
    Likes Received:
    363
    Location:
    Xanadu
    Country Flag:
    IGN:
    RoughKnight
  13. Chokladkakan
    Offline

    Chokladkakan Web Developer

    Joined:
    Feb 2, 2014
    Messages:
    421
    Likes Received:
    986
    I changed some numbers around. Could you provide me with a new screenshot, please?
     
  14. Doritos
    Offline

    Doritos Donator

    Joined:
    Feb 13, 2014
    Messages:
    620
    Likes Received:
    363
    Location:
    Xanadu
    Country Flag:
    IGN:
    RoughKnight
  15. Chokladkakan
    Offline

    Chokladkakan Web Developer

    Joined:
    Feb 2, 2014
    Messages:
    421
    Likes Received:
    986
    And again, please.
     
  16. Doritos
    Offline

    Doritos Donator

    Joined:
    Feb 13, 2014
    Messages:
    620
    Likes Received:
    363
    Location:
    Xanadu
    Country Flag:
    IGN:
    RoughKnight
  17. Giltine
    Offline

    Giltine Donator

    Joined:
    Jul 2, 2014
    Messages:
    86
    Likes Received:
    33
    Gender:
    Male
    Location:
    California
    Country Flag:
    IGN:
    Giltine
    perfection
     
  18. Doritos
    Offline

    Doritos Donator

    Joined:
    Feb 13, 2014
    Messages:
    620
    Likes Received:
    363
    Location:
    Xanadu
    Country Flag:
    IGN:
    RoughKnight
    Not quite, if you're viewing at less than full width it still tiles vertically: http://i.imgur.com/cPSpNla.png. It doesn't bother me though, but I think few people with a large res use maximised windows.
     

Share This Page