Purpose: Make you a webclient for your server!
Difficulty: 1.5
Tested On: The internetz
Downloads
- Download this http://www.mediafire.com/download.php?0izerzjyzjm
- If windows download this http://www.apachefriends.org/downloa...-installer.exe
- Linux take this http://www.apachefriends.org/downloa...x-1.7.1.tar.gz
- Mac do this http://www.apachefriends.org/downloa...cosx-1.0.1.dmg
Ok now that you have the required files..Here comes the EASY ass tutorial
The TUT.
Setup the xampp with default settings.
Once done that go to (for windows) C:\xampp\htdocs\
Now that your there. Remember that first file i told you to download? Well drag that into the htdocs folder!
While in the htdocs folder make a new file called index.html
Inside of this new file copy and paste this:
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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>EpicScape</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
background:#004673 url(http://i39.tinypic.com/2ivmebt.jpg) fixed repeat-x bottom left;
margin: 25px;
padding: 12px 30px 4px 30px;
}
a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#wrapper #text {
font-weight: lighter;
text-transform: none;
color: #999;
width: 765px;
float: left;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #B1A02A;
border-right-color: #B1A02A;
border-bottom-color: #B1A02A;
border-left-color: #0FF;
}
#wrapper #footer {
height: 40px;
clear: both;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: bolder;
color: #FFF;
background-color: #333;
border-top-style: ridge;
border-top-color: #666;
border-bottom-style: solid;
border-bottom-color: #000;
border-top-width: 1px;
border-left-width: 1px;
}
#wrapper #navbox {
float: right;
width: 249px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #3CC;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #B1A02A;
}
#wrapper #navigation {
height: 63px;
width: 765px;
}
#wrapper #logo {
height: 84px;
background-color: #FFF;
}
#wrapper {
background-color: #f7f7f7;
width: 765px;
margin-right: auto;
margin-left: auto;
border-right-style: solid;
border-left-style: solid;
border-right-width: 1px;
border-left-width: 1px;
border-right-color: #999;
border-left-color: #999;
}
* {
margin: 0px;
}
#wrapper #base p {
text-align: center;
font-family: "Comic Sans MS", cursive;
text-decoration: blink;
text-transform: uppercase;
font-weight: bolder;
font-variant: normal;
font-style: normal;
color: #0CF;
}
a:link {
color: #000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: underline;
color: #0F0;
}
a:active {
text-decoration: none;
color: #FF0;
}
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="wrapper">
<div id="navigation"><a href="http://epicscape.net" target="_blank"><img src="http://i40.tinypic.com/dzz7md.jpg" border="0" alt="Forums"></a></div><hr>
<div id="base">
<p><a href="/webclient/index.html"><img src="http://i41.tinypic.com/55idxy.jpg" width="765" height="63" alt="EPICSCAPE WEBCLIENT!" /></a></p>
<applet name=RuneScape id=game width=765 height=503 archive='hdloader.jar' code='loader.class' mayscript>
<param name=worldid value=60>
<param name=members value=1>
<param name=modewhat value=0>
<param name=modewhere value=0>
<param name=safemode value=0>
<param name=lang value=0>
<param name=affid value=0>
<param name=settings value=stringpassedtoserverwhenconnecting>
<param name=cookieprefix value=>
<param name=cookiehost value=.google.com>
<param name=plug value=0>
<param name=js value=1>
<param name=game value=0>
</applet><p>
PS there is NO custom items enabled in this webclient!!!</div>
<center>Made by CRiP aka Tookie</center>
Thats a custom template I hand made to work for this. (its pretty attractive
)
After all that is done open up your web browser and type in localhost into the address bar and press enter. WOW you get your webclient!
How to make it connect to your server...?
Ok you should know how to get a no-ip domain right? well get one of those (should already have one)
and paste that into your address bar and press enter...WOW your webclient again!
To make it connect to your server simple have your server running! If its not running it wont connect..
Just give other people your no-ip and they will also see it!(make sure they put
http://!
Like mine is
http://epicscape.servegame.com..You should be able to see my client
Pic of what it should look like: