SRCDS Steam group


Custom Banner & MOTD graphics l4D
#1
Can someone point me to a guide that shows me how I alter the little banner under This third-party server provided by.

Additional how do I make the server start with a lobby rather then at start of a map ?
Reply
#2
You can steal valves stuff and edit it for your server

you follow thinks links in the host.txt file and as well the motd file. the relevant files you need to grab from the links are banner.htm, banner.jpg, Left 4 Dead.htm, main.css. and the image files. the image files are referenced in main.css for the motd and for the banner its referenced in the banner.htm.

Use photoshop to have fun with the images....

Good luck dunno if you can get in trouble for it.
Reply
#3
What's the actual in-game size of the banner?
Reply
#4
http://www.l4d.com/servermessage/banner.jpg


you should find out from this.....
Reply
#5
Well, you could do this.

Use photoshop or any type of tool you can use to edit and make a design and upload it to a web hosting site. Find the address to the motd where it's located on the site and input it into the motd code down below.

Input this code into the motd.

Quote:<!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>Welcome to SpecialAttack</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#content {
position:relative;
z-index:1;
margin:0 auto;
}
</style>
</head>

<body>
<img src="http://website/motd.jpg"/>
</body>
</html>
Earn Points, get Free Rewards with your Amazon Points!
Points2Shop

Reply
#6
Darkfoxx Wrote:What's the actual in-game size of the banner?

Appears to be 673 pixels wide, by 135 high.
Reply
#7
I set my graphics to the same size that valves were, additionally i used valve's html and their css the graphics arent sized right in the window anymore..... pretty though....


http://theunnamedclan.com/L4D/motd.htm

http://theunnamedclan.com/L4D/banner.htm
Reply
#8
I've made my own picture for motd and saved it as a webpage http://www.pub-clan.com/l4dmotd.html ..what exactly do i put in the motd text file?
Reply
#9
stu Wrote:I've made my own picture for motd and saved it as a webpage http://www.pub-clan.com/l4dmotd.htm ..what exactly do i put in the motd text file?

Look here:


Ghost Assassin Wrote:<!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>Welcome to SpecialAttack</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#content {
position:relative;
z-index:1;
margin:0 auto;
}
</style>
</head>

<body>
<imgsrc="http://www.pubclan.com/l4dmotd.htm"/>
</body>
</html>
Reply
#10
cheers...my motd is just blank white atm..i changed back banner to http://www.l4d.com/servermessage/banner.jpg in host.txt file as well...and now on the server it just displays the text http://www.l4d.com/servermessage/banner.jpg
Reply
#11
tynin Wrote:Appears to be 673 pixels wide, by 135 high.
It's not though, that was my point. The image gets cut off in the in-game box.
Reply
#12
For the banner do we need a website or can we use a free hosting site like photobucket?
Does the url need to end with .htm for it to work?
Reply
#13
If I enter any html code in the motd or host file then it doesn't work..it simply displays the text in the space. IO can get the motd to display if I simply link to the motd .jpg...but it doesn't centre
Reply
#14
the banner and or motd could be in a variety of sizes depending on which resolution you wanted the graphics to display for. The point in using html is to get the graphics to display correctly for all resolutions. The sizes of the graphics that valve has linked to the windows would be the correct size for the aspect of the windows.

The above html works well.

I use the following: html for sizing the graphics in the browser for L4D, and css for formatting the windows.

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>L4D motd</title>
<link rel="stylesheet" type="text/css" href="def.css">
</head><body>

<img src="images/bg_server_hk.jpg" border="0" width="100%" height="100%">


</body></html>

CSS: (that would be the def.css referenced above)

/* CSS Document */

* { outline: none }

body {
background-color:#000000;
padding:0;
margin:0;
}

the html will work for the banner window and the motd window, you just need to have two copies of it with different names (i.e. banner.htm, motd.htm) on your webhost with the links on the game server pointing to the appropriate file. the two html files can share the def.css file.

the correct size for the graphics, or what seems to work best for me is:

banner: 673x135
motd: 1000x700
Reply


Forum Jump:


Users browsing this thread: 3 Guest(s)