x
  • IP Copied!
    Click to Copy IP
    0 Players Online
  • Join our Discord!
    0 Users Online
  • New Website Background

    Discussion in 'News and Announcements' started by Noobcrew, May 6, 2018.

    1. Lycel
      Offline

      Lycel Active Member

      Joined:
      Dec 18, 2014
      Messages:
      44
      Likes Received:
      53
      I see that it doesn't fit on my screen, which is fine, but... why?
      In the element 'html' (where you've put the background), please change what is currently this:
      HTML:
      html {
      background: url(https://i.imgur.com/6xahDQ3.jpg) no-repeat, url(https://i.imgur.com/CI4J6mr.jpg) repeat;
      background-position: center 20px, top left;
      background-size: 1300px, auto;
      To a revised version (which won't look as silly):
      HTML:
      html {
      background: url("https://i.imgur.com/6xahDQ3.jpg") no-repeat, url("https://i.imgur.com/CI4J6mr.jpg") repeat;
      background-position: top center;
      background-size: 100% auto, auto;
      Essentially, you've got a bit in there telling it to be 20 pixels down from the top (which you might not notice if you're a moderator if you know what I mean, but for normal players it's a bit weird), and the size you've set it as is insanely specific. I don't think I've even heard of someone with a monitor 1300 pixels wide. "100% auto" sets it to be as large as the element in x dimensions (which in this case (the html element), is the size of the website, or however big the viewer's monitor is).
      It will go from this:
      [​IMG]
      To this:
      [​IMG]
       
      Last edited: May 9, 2018
    2. matt
      Offline

      matt Well-Known Member

      Joined:
      Apr 26, 2016
      Messages:
      168
      Likes Received:
      623
      We did it this way because it's a hard image to work with. On my 4K monitor is looks super zoomed in, and on a 1080p monitor it looks kinda alright. It definitely needs to be tweaked, and I'm not super happy with how it looks right now. Thinking about trying cutting the planets out, and put them on top of the repeating secondary background
       
      • Like Like x 1
    3. benji
      Offline

      benji Well-Known Member

      Joined:
      Jul 6, 2016
      Messages:
      1,088
      Likes Received:
      487
      lol

      this theme is terrible on my screen. (Not the design)
       

    Share This Page