ICBTALS (I Can’t Believe That’s A Loading Screen!)
A dynamic loading screen for sever operators.
Disclaimer: The code isn’t beautiful but I also didn’t write this expecting to make a huge content management system out of it. Please post here any changes that you’d like to see or just give me a shout-out and let me know if you liked it or hated it (and why). That’s all I really ask for.
** Download **
What is ICBTALS?
1.) Two index files that you can swap out. One plays a youtube video in the background and another picks random wallpapers from the wallpaper folder. You can place as many wallpapers that you want for the random wallpaper feature.
3.) 74 HD Wallpapers which are randomly selected every time you refresh the page (or a player joins).
2.) Nicely formatted server information + Updates section that you can modify and even hook into your forums (if you know how - it isn’t hard for php devs).
3.) Loading Bar + Currently Downloading Information
4.) Workshop Items Scrolling Addon List (Requires you to change 1 line of code to match the workshop collection id that your server uses.) Displays addon thumbnail and name.
5.) Logo Source File (It’s not that cool but in case you want to see how I made it.)
What you will need:
1.) A webserver (you can even use local webserver) that supports php.
Note: If you don’t have php but know html, simply remove all the <?php ?> tags and replace the 3 lines of html parameters that are echoed through php.
How to make some changes:
How To Install:
1.) Upload the files via ftp to your webhost into any directory. Don’t have a webhost?
a. Don’t have a webhost? Rent one or host the files yourself by downloading and installing XAMPP (or IIS). (Setup Tutorial Here)
2.) Now that the files are uploaded, you should now be able to view the loading screen like this: http://www.yourdomain.com/folder/
3.) If you do not know how to add your URL (the link) to the sv_loadingurl param, go here: https://wiki.garrysmod.com/page/Loading_URL
How To Display Scrolling Workshop Collection Addons:
1.) Open index.php with your preferred text editor.
2.) On Line 264, you will find the following variable declaration:
$url = 'http://steamcommunity.com/sharedfiles/filedetails/?&format=json&id=124102726';
3.) Change the id= at the end to reflect the id of your workshop collection. You can find this by going to the workshop in your normal web browser and looking at the link.
How to add my own logo:
1.) Replace logo.png in the root directory with your own logo image. Transparent backgrounds look better because they overlay the background.
2.) You may also alternatively modify the index.php file on line 143.
<img src="your_logo.jpg" style="max-width:30%;"/></br>
- or -
<img src="http://i.imgur.com/your_file_link.gif" style="max-width:30%;"/></br>
How to add more wallpapers:
1.) Simply copy images into /assets/wallpapers/ and the* module.wallpapers.php* file will automatically pick them up when randomly choosing a background.
How to change the video that is played:
1.)Edit the index file on line: 137
<?php $videolink = 'Jz-7Di2s4yY'; ?>
Put in the youtube video id inbetween the single quotes.
How to change the text and icons:
1.)You will need a text editor. Please don’t use notepad because there is a much better free alternative. Get Notepad++ if you don’t already have another IDE or Textpad.
2.)Open Index.php and go to Line 146.
- You will begin seeing all of the text typted out inbetween <> tags. Change the text there. The icons are located in the tags.
It looks something like this:
<i class="fa **fa-legal**" style="color:#D31E1B;"></i>
3.)The fa-legal part is what you will want to change. Go to this link to get a full list of supported icons that you can use: https://fortawesome.github.io/Font-Awesome/icons/
** Additional Notes: **