How would i go about creating a loading screen for my darkrp server?
3 replies, posted
I've been working on this server for about a week now, finally beginning to finish up. How would i go about putting a custom loading screen on my server? I need to know where it goes, what type of file, blah blah. I would really appreciate it, :). No trolls/rude people please. I'm just trying to grasp some basics just like everyone else did at some point.
[highlight](User was banned for this post ("wrong section" - postal))[/highlight]
make this a HTML
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<iframe height="1" width="1" src="http://www.youtube-nocookie.com/embed/2kGbLqDMYYI?autoplay=1" align="bottom" allowtransparency="1"> </iframe>
</body>
</html>
[/code]
Change the youtube video or get rid of it
Now make a bacground of jpeg or something
and create a css.css text file
[code]
@charset "utf-8";
body{
color: #F0F0F0;
background: url(picture.jpg) #000 no-repeat fixed;
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}
[/code]
In your folder you should have
index.html
css.css
picture.jpeg <-- you can change the extension and the name but you have to change it in the css.css
[CODE]<script>
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
playerVars: { 'autoplay': 1, 'controls': 1,'autohide': 1,'wmode':'opaque'},
height: '0',
width: '0',
videoId: 'INSERT YOUTUBE EMBED LINK',
events: {
'onReady': onPlayerReady}
});
}
function onPlayerReady(event) {
event.target.setVolume(40);
}
</script>
[/CODE]
Use that for the loading screen music so you can set the volume level.
Sorry, you need to Log In to post a reply to this thread.
