[Release] Matto MC Loading Screen

FiveM Releases
, ,
1

The Mattomc_Load is a resource made by Matto MC and is a loading screen (cool story IK) Please don’t hate on me. all owners of the original code will be credited

Please do not redistribute any of my work without written consent from me (Matto MC#3158) On Discord or through the forums. if you do have permission please credit me on the forum topic

DOWNLOAD

GitHub: GitHub - mattomc/MattomcLoad: A simple but good looking Five M server loading screen. Customization and unique
Direct Download: Mattomc_Load.zip (4.2 MB)

@XxFri3ndlyxX varience of the Resource
GitHub - XxFri3ndlyxX/MattomcLoad: A simple but good looking Five M server loading screen. Customization and unique

CREDITS

@FAXES for the Music and Images from his loading screen
@XxFri3ndlyxX for modifying the loading screen and adding awesome features

The creators of W3.CSS W3.CSS Home

EDITING THE LOADING SCREEN

The first thing you need to change is the Music and just have a path as in

<audio  id="Loading"  autoplay  loop  >
<source src="folderpath/musictest.mp3"  
type="audio/mp3"></audio>

so change SRC value to the folder the music is in and the name of the song and the extension at the end (.wav || .mp3).

then you would change the images if you want just follow the last step and you should be gucci

changing the server name

to change the server name all you need to do is find the value where it has <p>Default name</p> and change it to what your server is called

changing Rules | Information module

to change the rules and Information module in the loading screen its as easy as the other steps. make sure to save the file when your done

to do this:
find the w3-panel where it says “This is the defualt Look of the screen”

to change the rules remove the parts that you dont want and add your own rules in by doign the following

<ul><li>Number One Rule</li><li>Number Two Rule</li><li>Number three rule</li></ul>

and then save the file and open the index.html. it might show up distorted on a Chrome browser but in game it should look normal

Troubleshooting

Q: the CSS isn’t loading in game and I haven’t touched anything
A: make sure you have the resource.lua in the right place and the w3.css is declared in the __resource file

Q: I have modifed the Loading screen but it doesnt load in game
A: Make sure you have started the resource by doing in the server.cfg

start Mattomc_Load

Q: I have made a new CSS file and it doesnt want to work
A: Make sure you declare it in the <head> and have declared it in the __resource.lua

IMAGES

Load One
Load two

Update:

New loading screen I have made and developed will be uploaded here shortly (a few days)

4 Likes
2

Removed “Faxes Zone”. That’s considered advertising. You should know better @FAXES

1 Like
4

Good to see them both combined in the one and looking more fresh :stuck_out_tongue:. Good release for people that know how to edit it.

1 Like
5

Very nice. Using it already in my server. :grinning:

2 Likes
6

Very nice i love it. I tweaked it to my linkings. Lots of google css search i had to do. This is what ive done so far. I’m nowhere near done but leaning css and it’s fun. the box auto resize so that text always fit :smiley: Anyway thanks for the release

20190318034006_1
20190318034006_11920×1080 272 KB

20190318052631_1
20190318052631_11920×1080 252 KB

1 Like
7

Holy cow thats actually really cool.

1 Like
8

Thanks i want to share my version when done so i will be posting it here and then you decide if you want to put in your post or not :smiley:

1 Like
9

Alright well this is what i came up with. Two version. All button are editable in file.

Small box

20190318072018_1
20190318072018_11920×1080 311 KB

Github Download
obviously there is room for improvement. Enjoy guys!

2 Likes
10

Preview of new hint text to be added in my next version.

Added social stuff to the bottom such as discord twitter and youtube

info
info1896×64 28.3 KB

Alright New version is now on Github
What’s new?

  • Hints. You can adds as many as you want and you can change the speed.
  • Social such as Discord Twitter Youtube located at the bottom left screen
  • Credit Can be user to add A text such as Head Developper Your name and so on :slight_smile:
    *It is located at the bottom right corner.

Next feature that i might try to do is to get an audio player that has controls such as play pause next and volume.

I’m going to bed but will make a video tomorrow.

1 Like
12

Cannot get the loading screen to show the boxes as it just shows the images and not the rules or anything else

13

I updated it. Should work now.

14

So if I just drag and drop it back in it should or do I need to re download it

15

delete folder then drag the new one. I tested it on a fresh server.

16

I cannot get audio to play?
I put MP3 in folder and changed folder path for src.

<source src="music/gtav.mp3" type="audio/mp3">
17

__resource.lua?

1 Like
18

That was totally it :slight_smile:
Thanks.

19

All of a sudden the music for my loading screen is very low?
Was fine before :frowning:
Once it loads into the game the sound is fine.
This all of a sudden started happening.

20

Make sure this line is set to the volume you want

  <!-- Audio Volume -->
	<script>
     var vid = document.getElementById("Loading");
     vid.volume = 1.0 <!-- The volume can be set at Half by using 0.5 -->
    </script>

and that should change the volume in game

21

How can I change the colours of individual letters, instead of the entire line?

22

depends what one you are using. if you are using the

Original:
just change the DEFAULT NAME to include spans <span style="color: name/hex>Letter/Word</span> if you want to do it for each letter have the letter and only the letter in the span and make more spans.

Variance:

<div class="w3-panel welcomebutton">
  <button class="welcome"><span style="color: #3C3B6E">TEST</span style="color: gold>NAME</span></button>
 </div>