[FREE] [OpenSource] Loading Screen - Beta Studio

didn’t work :frowning:

open script.js file
go to line 193
and update this code


config.socialMedia.forEach(media => {
    const listItem = document.createElement('li');
    const link = document.createElement('a');
    link.href = "#"; // Placeholder link
    link.addEventListener('click', function(event) {
        event.preventDefault();
        showLinkInput(media.link, media.name);
    });
    const icon = document.createElement('img');
    icon.src = media.icon;
    icon.alt = media.name;
    link.appendChild(icon);
    listItem.appendChild(link);
    socialMediaLinksElement.appendChild(listItem);
});

function showLinkInput(link, name) {
    
    const modal = document.createElement('div');
    modal.style.position = 'fixed';
    modal.style.top = '15%';
    modal.style.left = '90%';
    modal.style.transform = 'translate(-50%, -50%)';
    modal.style.padding = '20px';
    modal.style.color = '#f6f6f6';
    modal.style.background = 'linear-gradient(122.72deg, rgba(79, 79, 79, 0.1) 1.74%, rgba(79, 79, 79, 0.1) 1.75%, rgba(255, 255, 255, 0.1) 33.05%, rgba(79, 79, 79, 0.1) 97.16%)';
    modal.style.backdropFilter = 'blur(35px)';
    modal.style.borderRadius = '16px';
    modal.style.boxShadow = '0px 0px 10px rgba(0,0,0,0.5)';
    modal.style.zIndex = '1000';
    modal.style.fontFamily = '"Montserrat", sans-serif';

    const message = document.createElement('p');
    message.textContent = `${name} link copy`;

    const input = document.createElement('input');
    input.type = 'text';
    input.value = link;
    input.style.width = '100%';
    input.style.marginTop = '10px';

    const copyButton = document.createElement('button');
    copyButton.textContent = 'Copy';
    copyButton.style.marginTop = '10px';
    copyButton.style.transition = 'background-color 0.3s';
    
    copyButton.addEventListener('mouseover', function() {
        copyButton.style.backgroundColor = 'rgba(255, 255, 255, 0.2)';
    });
    copyButton.addEventListener('mouseout', function() {
        copyButton.style.backgroundColor = '';
    });

    copyButton.addEventListener('click', function() {
        input.select();
        document.execCommand('copy');
        
        modal.innerHTML = '';
        const copiedMessage = document.createElement('p');
        copiedMessage.textContent = 'Copied!';
        copiedMessage.style.textAlign = 'center';
        modal.appendChild(copiedMessage);

        setTimeout(function() {
            modal.style.transition = 'opacity 2s ease';
            modal.style.opacity = '0';
            setTimeout(function() {
                document.body.removeChild(modal);
            }, 1000);
        }, 2000);

        copyButton.disabled = true;
    });

    modal.appendChild(message);
    modal.appendChild(input);
    modal.appendChild(copyButton);
    document.body.appendChild(modal);
}

Really nice resources :slight_smile: thanks

Thank you for your nice comment…

great script , but i cant use prev menu to see picture number 1

Up up up :fire:

Nice release i will 100% use this on my server.


anyway you could help me remove those 2 boxes with pictures?

I installed a loading screen, and now when the loading ends, my screen remains in the loading screen, I do not see the game. How can this be fixed?

I can’t look at it because I don’t have enough time. I took note of it and will take care of it when I have time.

For the script to work properly, 1 image must be active by default.

This must be related to the identity or multicharacter script not being initialized properly.

Even though it was the first script I made, it got so much attention and I felt like I had accomplished something.


everyloading screen i put in this is what shows up , i had a working one and changed the song now everyloading screen does this please help

You are using the default loading screen in fivem, you need to remove it

That’s good!