Breakdown
Be good, or be good at it
- Joined
- Feb 5, 2009
- Messages
- 334
- Reaction score
- 9
For my server i use a splash page, maybe it's to hide how terrible nicaw's template is, but it can give first impressions an "A". It's fairly simple to make a splash page, but i figure i'd share the things needed.
Here is an example of what i mean, this link.
First thing's first, you might not need one but use something that can edit HTML files well. I use Adobe Dreamweaver CS4.
In : htdocs : Create a file called index.html or home.html - which ever is fine, i suggest index.html.
In index.html place this inside :
What has to be edited :
CTRL - F - find the below.
Just change the above, to your site news page or home page.
CTRL - F - find the below.
Change that to the URL of where accounts are created on your server.
CTRL - F - find the below.
If your server has a forums, change the above to your forums URL.
Now if your server doesnt have a forums, and you want that link removed. Just CTRL - F :
and remove it.
Now in htdocs, create a new folder called images. Or you can download mine, here.
I suggest you download mine, cause it has alot of the other needed images for the HTML. Than inside the image folder, just edit the images you want. Meaning the main splash image.
Anyways there you have it, it's fairly easy but for those who cant now you have it. If you need help let me know, dont forget to say thanks / rep.
Here is an example of what i mean, this link.
First thing's first, you might not need one but use something that can edit HTML files well. I use Adobe Dreamweaver CS4.
In : htdocs : Create a file called index.html or home.html - which ever is fine, i suggest index.html.
In index.html place this inside :
Code:
<html>
<head>
<title>Flux RPG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="BG.png" bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="852" height="953" border="0" cellpadding="0" cellspacing="0" align="center">
</table>
<div align="center"><img src="http://otland.net/images/sp_01.png" width="800" height="533"><div align="right"><a href="http://fluxrpg.no-ip.org/login.php?redirect=account.php">
</div><a href="http://fluxrpg.no-ip.org/news.php"><img src="http://otland.net/images/nav_01.gif" width="300" height="48" border="none"></div>
<div align="center"><a href="http://fluxrpg.no-ip.org/login.php?redirect=account.php"><img src="http://otland.net/images/nav_02.gif" width="300" height="47" border="none"></div>
<div align="center"><a href="http://fluxrpg.no-ip.org/forums"><img src="http://otland.net/images/nav_03.gif" width="300" height="55" border="none"></div>
<div align="center"><img src="http://otland.net/images/sp_02.png" width="664" height="267" border="none"</div>
<br /><div style="z-index:3" class="smallfont" align="center">Search Engine Optimization by <a rel="nofollow" href="http://www.crawlability.com/vbseo/">vBSEO</a></div>
<script type="text/javascript"><!--
window.google_analytics_uacct = "UA-7934637-1";
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//-->
</script>
<script type="text/javascript"><!--
try {
var pageTracker = _gat._getTracker("UA-7934637-1");
pageTracker._trackPageview();
} catch(err) {}
//-->
</script>
</body>
</html>
What has to be edited :
CTRL - F - find the below.
Code:
<a href="http://fluxrpg.no-ip.org/news.php">
CTRL - F - find the below.
Code:
http://fluxrpg.no-ip.org/login.php?redirect=account.php
CTRL - F - find the below.
Code:
http://fluxrpg.no-ip.org/forums
Now if your server doesnt have a forums, and you want that link removed. Just CTRL - F :
Code:
<div align="center"><a href="http://fluxrpg.no-ip.org/forums"><img src="http://otland.net/images/nav_03.gif" width="300" height="55" border="none"></div>
<div align="center"><img src="http://otland.net/images/sp_02.png" width="664" height="267" border="none"</div>
Now in htdocs, create a new folder called images. Or you can download mine, here.
I suggest you download mine, cause it has alot of the other needed images for the HTML. Than inside the image folder, just edit the images you want. Meaning the main splash image.
Anyways there you have it, it's fairly easy but for those who cant now you have it. If you need help let me know, dont forget to say thanks / rep.