sx-loadingV2

Configuration

    serverName: "SyneX Scrpits",
    upperText: false,

Write a custom text to display at the top left corner. If you change upperText to true, the text given above will be displayed. Otherwise "Logging in as steamName . . ." will be displayed.


    links: [
        "https://discord.com",
        "https://youtube.com",
        "https://instagram.com",
        "https://google.com",
        "https://tiktok.com",

    ]

In links you can add as much link as you wish but we don't think it will look good on screen. Also Discord, Instagram and Youtube have their own emoji.


    background: {
        type: "video", // "video" or "photo"
        videocode: "Awgpquzwwz0", /*[Required if type is video]*/
    }

Background is to switch if you want your background as YouTube video or a photo. For instance, we allow only two types. In the future there will be local video and multiple photo choices.


    music: {
        audiolevel: 25, // [Range between 0 and 100]
        songs: [
            {
                title: "Welcome to Los Santos",
                src: "./songs/song1.mp3"
            },
            {
                title: "Rolling in the Deep",
                src: "./songs/song2.mp3"
            },
            {
                title: "Gangsta's Paradise",
                src: "./songs/song3.mp3"
            },
        ]
    }

While playing a music on loading screens, sometimes audio level can be a bit too much you can set a default level to decrease volume and add some more music.


    managers: [
        {photo: "", name: "Loftifwere", desc: "SyneX Developer"},
        {photo: "", name: "HLion", desc: "SyneX Developer"},
        {photo: "", name: "BlackLion", desc: "SyneX VIP"}

    ]

To promote your managers, you may add them to your loading screen.

If photo is left blank, manager photos will be replaced to server logo.

Theme

For the theme you can configures as you wish. Loading screen comes in purple based theme by default. but you can configure as you wish in styles.css. To change the theme, follow the instructions below

1

Go to sytyles.css

First go to script files and follow the /web/styles/style.css

2

Find the :root

Find the :root . It is probably at the top.

3

Change the variables as you wish

Once you find the ::root , you will see 4 variables with hex values. You can change them for a better look.

Last updated