Jump to content

Website Background Image + Rotation + More


Recommended Posts

  • Superuser

Hey all!


I've made some changes to the website including adding a background image to the main website. The current solo background image is 1920x1080P and ~1 MB in size on the game Half Life 2. With that said, for phones and tablets, this background image should NOT show in order to save bandwidth/network usage on slow networks.



I've also applied a dark overlay (70% solid). The one thing I'm trying to figure out to do next is applying some transparency to the solid content, but not impacting text opacity. This is easy to do generally, but IPS 4's HTML/CSS layout is a bit strange.

With that said, we're going to be adding a collection of images (games, mods, easter eggs, etc.) for the background to alternate through and have it rotate via an animation. We'll be caching a list of 5 - 10 images for each user every x minutes or so most likely. We will likely add an easter egg system into these images in the future ?

I feel this is really the last thing other than a few other adjustments the website needs. It's simple, and now it has a more modern look with the background image addition!

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...

Important Information

By using this site you agree to the Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.