Tech Support banner

Status
Not open for further replies.
1 - 20 of 25 Posts

·
Registered
Joined
·
17 Posts
Discussion Starter #1
Hey guys, I'm a noob at HTML and I'm stuck on something. Well, I downloaded a template and I'd like to know how to make it so when you click on a link (from the nav bar) it loads the text into the content box as apposed to loading a whole new page. What I mean is I'm tired of having to edit every html file just to add a button to the "link" sidebar. That may be confusing b/c I don't know what that's called, but if you know what I mean please help! :4-dontkno
 

·
TSF Team Emeritus
Joined
·
5,580 Posts
the only way i know to do this is with frames.

some other people i have talked to say that frames suck, so you might want to avoid them if possible.

i know for a fact there is other ways to do this, but i don't know them.

i will explain a little about frames.

to use frames, the index.html page will consist of nothing but the page header tag, and the frameset info.

you will then have a few other .html pages, to fill each frame, for example, a "header.html" and a "navbar.html" and a "main.html"

then, the navbar will be one html file, and the header will as well, but the main box, or "content" box will be the one that changes. this will allow you to have one navbar.html to manipulate, and it will show up on each and every page.

now, even though frames suck, i can help you set them up, if you decide that frames are the way you'd like to go.
 

·
Registered
Joined
·
17 Posts
Discussion Starter #3
Thx for your time in answering my question. But, is it possible to edit an already made and coded template to do this? And, is it possible to make only ONE frame (in the content box). Anyways, my msn is [email protected]. Would be awesome if you could help me set this up.
 

·
TSF Team Emeritus, Design Team
Joined
·
2,274 Posts
you can do this with javascript also. If you don't have a program like dreamweaver to do the code for you, its tough though. What you do is make a div for your content, and set up a javascript behavior to change the inner html of the div.
 

·
TSF Team Emeritus, Design Team
Joined
·
2,274 Posts
WaltSide said:
some other people i have talked to say that frames suck, so you might want to avoid them if possible.

hahaha, I was about to pick a fight with you. The first time I read this I thought you were saying to avoid people that would say frames suck :grin:
 

·
Registered
Joined
·
17 Posts
Discussion Starter #6
Yes, I have dreamweaverMX 2004. If someone can contact me through msn that would be good. Or if you could send me the code I may be able to figure it out.
 

·
TSF Team Emeritus
Joined
·
337 Posts
Hi Thomas,

do you know if your host provider supports SSI (side server includes)? If it does then it's probably only 30 minutes work to split your code down into separate files that the server will call up each time a new page is loaded.

For instance, your index page would then look something like this..
Code:
<!--#include file="header.htm -->
<!--#include file="navbar.htm-->

[b]your content for the page goes here[/b]

<!--#include file="footer.htm-->
you save the index (and all other content pages) as ****.shtml.

The header will be the code for your page from the <!DOCTYPE HTML PUBLIC..................> to the <body> tag, including your css, script headers etc..

The navbar will be your navigation menu (if you wanted to keep it separate from the header, preferable if you envisage future changes to it).

The footer will be just that, the end of the page with the </body> and
</html> tags, plus any closing div tags for instance.

What happens is that when you go to the home page from your link.. http://www.yourdomain.com it will call up the index.shtml page automatically. When called it will look for any file includes and er.. include them. What you see is the whole page reconstructed by the server from the index file plus the other files asked for. If you set up the rest of the pages like this it will do the same thing, and as all included files have by then been cached, and the browser knows this, then it doesn't try to load a brand new page each time, just the contents of each separate content page. It also maens that you can make a change to any included file that will automatically show site-wide (say an extra nav button in the navbar.htm file) without having to change every page individually.

It just means cutting up the current index and other content pages a bit. If you can cut and paste text OK you really are only looking at change out of half an hour to do this. As always make a back up of the whole site. If nothing else it will give you the confidence to do this knowing that the worst that can happen is having to spend a couple of minutes uploading the old site again. If you paste the code of the index page (use {code} {/code} (change {} for []) tags to paste here, one of us will be happy to !!chop it up for you. The only thing you need to check is for SSI support from your host. If you're not sure, let us know who they are and we'll check for you. :sayyes:

Cheers

Liam
 

·
TSF Team Emeritus
Joined
·
5,580 Posts
SixShooter said:
hahaha, I was about to pick a fight with you. The first time I read this I thought you were saying to avoid people that would say frames suck :grin:
heh, that's funny.

and yeah, i meant avoid the frames.

lol
 

·
TSF Team Emeritus
Joined
·
337 Posts
Hi,

Your host does support SSI, so it easy enough to do. However it's now 5 past midnight here in the UK, :sleep: so I'll sort your code out for SSI tomorrow, no problem. :sayyes:

Cheers

Liam
 

·
TSF Team Emeritus
Joined
·
337 Posts
Hi,

I'm just having a quick look before going to work. Could you let me know which bits you want to carry across the site ie. the navigation buttons, general layout and which bits are individual to the page. For instance the player's list on the left. Does that stay for every page or just the home page? I'll do it a bit later anyway, but any extra guides will get it done better first time round.

Cheers

Liam
 

·
TSF Team Emeritus
Joined
·
337 Posts
Hi,

here's a first draft..

Save this piece of code as header.htm

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Team purged!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-color: #383838;
margin:0px;padding:0px;	
background-image: url(images/bg_02.jpg);
background-repeat: repeat-x;
background-position: top center;
}
body,td,th {
	font-size: 9px;
	color: #CCCCCC;
	font-family: Tahoma;
}
a:link {
	color: #CCCCCC;
}
a:visited {
	color: #CCCCCC;
}
a:hover {
	color: #CCCCCC;
}
a:active {
	color: #CCCCCC;
}
.style12 {font-family: Tahoma; color: #C1C482; font-weight: bold; }
.style13 {font-size: 9px; color: #8A8F47; }
.style14 {color: #C1C482}
.style15 {color: #C1C482; font-family: Tahoma;}
.style16 {color: #8A8F47}
-->
</style></head>

<body>
<center>
save this piece of code as navbar.htm
Code:
<table width="722" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="722" height="17" valign="top" background="images/index_02.jpg"><div style="margin-top:3px; margin-right:10px"; align="right"><a href="#">Home</a> | <a href="#">Message Boards</a> | <a href="#">Site Map</a> | <a href="#">Contact Us</a> </div></td>
  </tr>
save this piece of code as index.shtml
Code:
<!--#include file="header.htm"-->
<!--#include file="navbar.htm"-->
  <tr>
    <td height="154" valign="top"><img src="images/index_04.jpg" width="722" height="154"></td>
  </tr>
  <tr>
    <td height="8" valign="top"><img src="images/index_05.jpg" width="722" height="8"></td>
  </tr>
  <tr>
    <td height="13" valign="top"><img src="images/index_06.jpg" width="12" height="13"><a href="#"><img src="images/index_07.jpg" width="97" height="13" border="0"></a><a href="#"><img src="images/index_08.jpg" width="108" height="13" border="0"></a><a href="#"><img src="images/index_09.jpg" width="93" height="13" border="0"></a><a href="http://fusionshome.com/aftermath/index.php" target="_blank"><img src="images/index_10.jpg" width="130" height="13" border="0"></a><a href="#"><img src="images/index_11.jpg" width="88" height="13" border="0"></a><a href="#"><img src="images/index_12.jpg" width="100" height="13" border="0"></a><a href="#"><img src="images/index_13.jpg" width="76" height="13" border="0"></a><img src="images/index_14.jpg" width="18" height="13"></td>
  </tr>
  <tr>
    <td height="11" valign="top"><img src="images/index_15.jpg" width="722" height="11"></td>
  </tr>
  <tr>
    <td height="237" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/index_25.jpg">
        <!--DWLayoutTable-->
        <tr>
          <td width="271" height="237" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td height="22" colspan="5" valign="top"><img src="images/index_16.jpg" width="271" height="22"></td>
            </tr>
              <tr>
                <td width="19" height="74"></td>
                <td width="15"></td>
                  <td width="213" valign="top"><div align="center"> 
                      <p><br>
                        <a href="http://www.adrenaline-cafe.com" target="_blank"><img src="images/adrenaline%20copy.jpg" width="213" height="57" border="0"></a></p>
                      </div></td>
              <td width="13"></td>
              <td width="11"></td>
              </tr>
              <tr>
                <td height="43" colspan="5" valign="top"><img src="images/index_23.jpg" width="271" height="43"></td>
              </tr>
              <tr>
                <td height="79"> </td>
                <td colspan="3" valign="top"><div align="center"> 
                      <p><span class="style12">CL!nKz</span><span class="style15"> 
                        - Clan Leader and Original Founder<br>
			<span class="style12">ReZarXt </span>- Clan Leader and 
                        Original Founder<br>
			<span class="style12">Kromllar</span> - Clan Leader<br>
                        <span class="style12">Kurupt </span>- Captain<br>
                        <span class="style12">Green </span>- Captain<br>  
                        <span class="style12">Requiem </span>- Captain<br>
                        <span class="style12">Gauci</span>- Member<br>
			<span class="style12">LoKi</span>- Member<br>
			<span class="style12">Shady</span>- Member<br>
			<span class="style12">Critical</span>- Member<br>
			<span class="style12">Joshua</span>- Member<br>
			<span class="style12">Trep</span>- Member<br>
			<span class="style12">Giddeus</span>- TWL Member<br>
			<span class="style12">Area51</span>- Far Far Away<br>
			<span class="style12">JroD</span> - College</span><br>
			<span class="style12">KillaKid</span> - Basic Training</span><br>
                        <br>
   		    </div></td>
                <td> </td>
              </tr>
              <tr>
                <td height="43" colspan="5" valign="top"><img src="images/records_25.jpg" width="271" height="43"></td>
                </tr>
              <tr>
                <td height="33"> </td>
                <td colspan="3" valign="top" class="style13"><div align="center">Wins: 
                      <strong>50000</strong><br>
  Losses: <strong>Too many <br>
                      </strong>Ties:<strong> 0</strong></div></td>
                <td></td>
              </tr>
              <tr>
                <td height="43" colspan="5" valign="top"><img src="images/links_25.jpg" width="271" height="43"></td>
                </tr>
              <tr>
                <td height="66"> </td>
                <td colspan="3" valign="top"><div align="center"> 
                      <p><a href="http://www.teamwarfare.com" target=>www.teamwarfare.com
			<p><a href="http://www.caleague.com" target=>www.caleague.com
			<p><a href="http://www.mutinygamers.com" target=>www.mutinygamers.com
			<p><a href="http://www.ministersofwar.com" target=>www.ministersofwar.com
			<p><a href="http://www.teamploy.com" target=>www.teamploy.com
			<p><a href="http://www.zengamers.com" target=>www.zengamers.com
			<p><a href="http://www.stealthygreentoupees.com" target=>www.stealthygreentoupees.com
			<p><a href="http://www.clan33b.com" target=>www.clan33b.com
			<p><a href="http://www.siliconsoldiers.com" target=>www.siliconsoldiers.com</a></p>
                          </div></td>
                <td> </td>
              </tr>
              <tr>
                <td height="43" colspan="5" valign="top"><img src="images/blankcat_25.jpg" width="271" height="43"></td>
                </tr>
              <tr>
                <td height="90"> </td>
                <td colspan="3" valign="top"><div align="center">type in me...</div></td>
                <td> </td>
              </tr>
                              </table></td>
      <td width="451" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td height="79" colspan="4" valign="top"><a href="#"><img src="images/index_17.jpg" width="441" height="79" border="0"></a><img src="images/index_18.jpg" width="10" height="79"></td>
          </tr>
              <tr>
                <td height="36" colspan="3" valign="top"><img src="images/index_20.jpg" width="441" height="36"></td>
              <td width="10" valign="top"><img src="images/index_21.jpg" width="10" height="36"></td>
              </tr>
              <tr>
                <td width="17" height="122"> </td>
                  <td width="413" valign="top"><span class="style12">Welcome!</span><br>
                    <span class="style13">Date: Monday, Sept. 26, 2005 by CL!nKz</span><br>
                    <span class="style14">Welcome to team purged's new website. 
                    We're currently under construction but feel free to drop a 
                    post in our forums. Most of the links aren't currently up but 
                    will be soon.<br>
</span>
                  <hr align="center" width="400" size="1" noshade class="style13">
                    <span class="style14"><span class="style12">Still Holding On.</span><br>
                    <span class="style13">Date: Monday, Sept 26, 2005 by CL!nKz</span><br>
                     	Congrats to everyone who played in Saturday's match vs dbi. ReZ,Req,
		     Kurupt,CL!nKz,Gauci and Loki held down our 1st place position for the
		     first time with a win over dbi. GG dbi. Hopefully, we will do the
		     same in our next match vs TxR Saturday Oct 1st.<br>
			     Final score 11-5. Current 6v6 S&D record 10-0.<br>
			<br>
 
                     	We would also like to thank www.g-force4u.com for sponsering us with 
		     a server.
</span>
		  <hr align="center" width="400" size="1" noshade class="style13">
                    <span class="style14"><span class="style12">Purged Takes  1st.</span><br>
                    <span class="style13">Date: Monday, Sept 17, 2005 by CL!nKz</span><br>
                     	It's official purged took 1st place from Team Impact.The undefeated
		      team has done it again. GG impact you guys are a tough team. Congrats 
                      to everyone who played. Let's do it again next week. 
                      Final score 11-8. Current 6v6 S&D record 9-0.</span></td>
                <td width="11"> </td>
                <td></td>
              </tr>
                  </table></td>
    </tr>
    </table></td>
  </tr>
</table>
<!--#include file="footer.htm"-->
save this piece of code as footer.htm
Code:
<table width="722" border="0" cellpadding="0" cellspacing="0" background="images/index_27.jpg">
  <!--DWLayoutTable-->
  <tr>
    <td width="346" height="21"> </td>
    <td width="364"> </td>
    <td width="12"> </td>
  </tr>
  <tr>
    <td height="22"> </td>
    <td valign="top"><div align="right">Copyright Team purged, All rights reserved.<br>
          2005</div></td>
    <td> </td>
  </tr>
  <tr>
    <td height="63"> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</center>
</body>
</html>
Upload all of these to the server (after backing up and removing the original site) and that's the initial phase done.

Your next page will be a copy/paste of the index.shtml page. Name it whatever you want to but make sure that it ends with the filename .shtml. Change the content of that page accordingly and upload as before, making sure to insert the <!--#include file="******.htm"--> includes as above, and in the same place.

If you want to add a new page, do the same again, and add a new link to the navbar.htm file. The navbar.htm file is one separate file (that has all the navigation info), so only needs changing once, but it will then be included on every page of the site that you put in the <!--#include file="navbar.htm"--> command.

Give it a go and see if does what you want. As the page is laid out as a table rather than as css it may take a bit of tweaking here and there, but that's pretty much it done. Let us know if you have any problems and we can go from there.. although certainly for the first page there shouldn't be any.. famous last words.. :rolleyes:

Cheers

Liam
 

·
Registered
Joined
·
17 Posts
Discussion Starter #13
thx for trying but it didnt work, the links on the top where it says "Home | Message Boards | Site Map | Contact Us" is not what I need to worry about, I'll probably end up taking that out anyways. What you did, worked, but instead of those links I need the left side of the index ("our sponsors" "wins and loss record" "links and friends" and the last blank one.) When I edit those on the index I want it to change for every page, if anything I said made sense then awesome :4-dontkno
 

·
Registered
Joined
·
17 Posts
Discussion Starter #14 (Edited)
Ok, let me make this a little less confusing.

When I click one of the following links:


The only thing that should change is this content box labelled "news and updates" :


So, is it possible to make only one frame (around that content box), and whenever you clicked on a link from the navbar the content box would load in the index intitled "roster.htm" ?
 

·
TSF Team Emeritus
Joined
·
337 Posts
Hi,

just off to work again. I'll redo the split later, but one thing you'll need to be aware of is that the News and Updates title is in fact an image (index20.jpg), so you'll need a new one for each new content box, unless you don't mind changing to text on a black background.

Re the splits you want.. it's exactly the same principle as my earlier answer. Just scroll down and save each bit as a file, named accordingly and it's done. AS the bit you want to change is in the middle of the page, you'll need the header down to the top of the "content page", the footer from the bottom of it and the content named ****.shtml. The front page of the site has to be labeled index.shtml as that is the page the servers and browsers will look for by default when trying to load the home page.

Right.. off to work.. :grin:

Cheers

Liam
 

·
TSF Team Emeritus
Joined
·
337 Posts
Hi Thomas,

apologies for the delay, I've been a bit busy. Right, here we go..

header.htm
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Team purged!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-color: #383838;
margin:0px;padding:0px;	
background-image: url(images/bg_02.jpg);
background-repeat: repeat-x;
background-position: top center;
}
body,td,th {
	font-size: 9px;
	color: #CCCCCC;
	font-family: Tahoma;
}
a:link {
	color: #CCCCCC;
}
a:visited {
	color: #CCCCCC;
}
a:hover {
	color: #CCCCCC;
}
a:active {
	color: #CCCCCC;
}
.style12 {font-family: Tahoma; color: #C1C482; font-weight: bold; }
.style13 {font-size: 9px; color: #8A8F47; }
.style14 {color: #C1C482}
.style15 {color: #C1C482; font-family: Tahoma;}
.style16 {color: #8A8F47}
-->
</style></head>

<body>
<center>
<table width="722" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="722" height="17" valign="top" background="images/index_02.jpg"><div style="margin-top:3px; margin-right:10px"; align="right"><a href="#">Home</a> | <a href="#">Message Boards</a> | <a href="#">Site Map</a> | <a href="#">Contact Us</a> </div></td>
  </tr>
  <tr>
    <td height="154" valign="top"><img src="images/index_04.jpg" width="722" height="154"></td>
  </tr>
  <tr>
    <td height="8" valign="top"><img src="images/index_05.jpg" width="722" height="8"></td>
  </tr>
  <tr>
    <td height="13" valign="top"><img src="images/index_06.jpg" width="12" height="13"><a href="#"><img src="images/index_07.jpg" width="97" height="13" border="0"></a><a href="roster.htm"><img src="images/index_08.jpg" width="108" height="13" border="0"></a><a href="#"><img src="images/index_09.jpg" width="93" height="13" border="0"></a><a href="http://fusionshome.com/aftermath/index.php" target="_blank"><img src="images/index_10.jpg" width="130" height="13" border="0"></a><a href="#"><img src="images/index_11.jpg" width="88" height="13" border="0"></a><a href="#"><img src="images/index_12.jpg" width="100" height="13" border="0"></a><a href="#"><img src="images/index_13.jpg" width="76" height="13" border="0"></a><img src="images/index_14.jpg" width="18" height="13"></td>
  </tr>
  <tr>
    <td height="11" valign="top"><img src="images/index_15.jpg" width="722" height="11"></td>
  </tr>
  <tr>
    <td height="237" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/index_25.jpg">
        <!--DWLayoutTable-->
        <tr>
          <td width="271" height="237" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td height="22" colspan="5" valign="top"><img src="images/index_16.jpg" width="271" height="22"></td>
            </tr>
              <tr>
                <td width="19" height="74"></td>
                <td width="15"></td>
                  <td width="213" valign="top"><div align="center"> 
                      <p><a href="http://www.g-force4u.com"><img src="images/gforce.jpg" width="213" height="57" border="0"></a><br>
                        <a href="http://www.adrenaline-cafe.com" target="_blank"><img src="images/adrenaline%20copy.jpg" width="213" height="57" border="0"></a></p>
                      </div></td>
              <td width="13"></td>
              <td width="11"></td>
              </tr>
              <tr>
                <td height="43" colspan="5" valign="top"><img src="images/index_23.jpg" width="271" height="43"></td>
              </tr>
              <tr>
                <td height="79"> </td>
                <td colspan="3" valign="top"><div align="center"> 
                      <p><span class="style12">CL!nKz</span><span class="style15"> 
                        - Clan Leader and Original Founder<br>
			<span class="style12">ReZarXt </span>- Clan Leader and 
                        Original Founder<br>
			<span class="style12">Kromllar</span> - Clan Leader<br>
                        <span class="style12">Kurupt </span>- Captain<br>
                        <span class="style12">Green </span>- Captain<br>  
                        <span class="style12">Requiem </span>- Captain<br>
                        <span class="style12">Gauci</span>- Member<br>
			<span class="style12">LoKi</span>- Member<br>
			<span class="style12">Shady</span>- Member<br>
			<span class="style12">Critical</span>- Member<br>
			<span class="style12">Joshua</span>- Member<br>
			<span class="style12">Trep</span>- Member<br>
			<span class="style12">Giddeus</span>- TWL Member<br>
			<span class="style12">Area51</span>- Far Far Away<br>
                        <span class="style12">JroD</span> - College</span><br>
                        <br>
   		    </div></td>
                <td> </td>
              </tr>
              <tr>
                <td height="43" colspan="5" valign="top"><img src="images/records_25.jpg" width="271" height="43"></td>
                </tr>
              <tr>
                <td height="33"> </td>
                <td colspan="3" valign="top" class="style13"><div align="center">Wins: 
                      <strong>50000</strong><br>
  Losses: <strong>Too many <br>
                      </strong>Ties:<strong> 0</strong></div></td>
                <td></td>
              </tr>
              <tr>
                <td height="43" colspan="5" valign="top"><img src="images/links_25.jpg" width="271" height="43"></td>
                </tr>
              <tr>
                <td height="66"> </td>
                <td colspan="3" valign="top"><div align="center"> 
                      <p><a href="http://www.teamwarfare.com" target=>www.teamwarfare.com
			<p><a href="http://www.caleague.com" target=>www.caleague.com
			<p><a href="http://www.mutinygamers.com" target=>www.mutinygamers.com
			<p><a href="http://www.ministersofwar.com" target=>www.ministersofwar.com
			<p><a href="http://www.teamploy.com" target=>www.teamploy.com
			<p><a href="http://www.zengamers.com" target=>www.zengamers.com
			<p><a href="http://www.stealthygreentoupees.com" target=>www.stealthygreentoupees.com
			<p><a href="http://www.clan33b.com" target=>www.clan33b.com
			<p><a href="http://www.siliconsoldiers.com" target=>www.siliconsoldiers.com</p></a>
                          </div></td>
                <td> </td>
              </tr>
              <tr>
                <td height="43" colspan="5" valign="top"><img src="images/blankcat_25.jpg" width="271" height="43"></td>
                </tr>
              <tr>
                <td height="90"> </td>
                <td colspan="3" valign="top"><div align="center">type in me...</div></td>
                <td> </td>
              </tr>
                              </table></td>
      <td width="451" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td height="79" colspan="4" valign="top"><a href="#"><img src="images/index_17.jpg" width="441" height="79" border="0"></a><img src="images/index_18.jpg" width="10" height="79"></td>
          </tr>
index.shtml
Code:
<!--#include file="header.htm"-->
<tr>
                <td height="36" colspan="3" valign="top"><img src="images/index_20.jpg" width="441" height="36"></td>
              <td width="10" valign="top"><img src="images/index_21.jpg" width="10" height="36"></td>
              </tr>
              <tr>
                <td width="17" height="122"> </td>
                  <td width="413" valign="top"><span class="style12">Welcome!</span><br>
                    <span class="style13">Date: Monday, Sept. 26, 2005 by CL!nKz</span><br>
                    <span class="style14">Welcome to team purged's new website. 
                    We're currently under construction but feel free to drop a 
                    post in our forums. Most of the links aren't currently up but 
                    will be soon.<br>
</span>
                  <hr align="center" width="400" size="1" noshade class="style13">
                    <span class="style14"><span class="style12">Still Holding On.</span><br>
                    <span class="style13">Date: Monday, Sept 26, 2005 by CL!nKz</span><br>
                     	Congrats to everyone who played in Saturday's match vs dbi. ReZ,Req,
		     Kurupt,CL!nKz,Gauci and Loki held down our 1st place position for the
		     first time with a win over dbi. GG dbi. Hopefully, we will do the
		     same in our next match vs TxR Saturday Oct 1st.<br>
			     Final score 11-5. Current 6v6 S&D record 10-0.<br>
			<br>
 
                     	We would also like to thank www.g-force4u.com for sponsering us with 
		     a server.
</span>
		  <hr align="center" width="400" size="1" noshade class="style13">
                    <span class="style14"><span class="style12">Purged Takes  1st.</span><br>
                    <span class="style13">Date: Monday, Sept 17, 2005 by CL!nKz</span><br>
                     	It's official purged took 1st place from Team Impact.The undefeated
		      team has done it again. GG impact you guys are a tough team. Congrats 
                      to everyone who played. Let's do it again next week. 
                      Final score 11-8. Current 6v6 S&D record 9-0.</span></td>
                <td width="11"> </td>
                <td></td>
              </tr>
                  </table></td>
    </tr>
    </table></td>
  </tr>
</table>
<!--#include file="footer.htm"-->
footer.htm
Code:
<table width="722" border="0" cellpadding="0" cellspacing="0" background="images/index_27.jpg">
  <!--DWLayoutTable-->
  <tr>
    <td width="346" height="21"> </td>
    <td width="364"> </td>
    <td width="12"> </td>
  </tr>
  <tr>
    <td height="22"> </td>
    <td valign="top"><div align="right">Copyright Team purged, All rights reserved.<br>
          2005</div></td>
    <td> </td>
  </tr>
  <tr>
    <td height="63"> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</center>
</body>
</html>
Job done..

Upload all three, and for each new page just start with...

Code:
<!--#include file="header.htm"-->
<tr>
                <td height="36" colspan="3" valign="top"><img src="images/index_20.jpg" width="441" height="36"></td>
              <td width="10" valign="top"><img src="images/index_21.jpg" width="10" height="36"></td>
              </tr>
              <tr>
                <td width="17" height="122"> </td>
                  <td width="413" valign="top"><span class="style12">Welcome!</span><br>
                    <span class="style13">Date: Monday, Sept. 26, 2005 by CL!nKz</span><br>
                    <span class="style14">Welcome to team purged's new website. 
                    We're currently under construction but feel free to drop a 
                    post in our forums. Most of the links aren't currently up but 
                    will be soon.<br>
</span>
                  <hr align="center" width="400" size="1" noshade class="style13">
                    <span class="style14"><span class="style12">Still Holding On.</span><br>
                    <span class="style13">Date: Monday, Sept 26, 2005 by CL!nKz</span><br>
                     	Congrats to everyone who played in Saturday's match vs dbi. ReZ,Req,
		     Kurupt,CL!nKz,Gauci and Loki held down our 1st place position for the
		     first time with a win over dbi. GG dbi. Hopefully, we will do the
		     same in our next match vs TxR Saturday Oct 1st.<br>
			     Final score 11-5. Current 6v6 S&D record 10-0.<br>
			<br>
 
                     	We would also like to thank www.g-force4u.com for sponsering us with 
		     a server.
</span>
		  <hr align="center" width="400" size="1" noshade class="style13">
                    <span class="style14"><span class="style12">Purged Takes  1st.</span><br>
                    <span class="style13">Date: Monday, Sept 17, 2005 by CL!nKz</span><br>
                     	It's official purged took 1st place from Team Impact.The undefeated
		      team has done it again. GG impact you guys are a tough team. Congrats 
                      to everyone who played. Let's do it again next week. 
                      Final score 11-8. Current 6v6 S&D record 9-0.</span></td>
                <td width="11"> </td>
                <td></td>
              </tr>
                  </table></td>
    </tr>
    </table></td>
  </tr>
</table>
<!--#include file="footer.htm"-->
...and change the content accordingly. You can add/delete the table cells as needed. Or if you just want the space, then start from scratch, or just use the initial table cells. Remember that you'll need to create a new image for each page heading, or change to regular text. You also must name all aditional pages with the ***.shtml suffix.

If you want to change anything else, such as the clan list, then you do that by editing the header.htm file. This will change for all pages, along with anything else in the header and footer files.

Hope that helps. You can probably now see how it all works. The content file for each subsequent page will now automatically include whatever is in the header and footer files, as long as you tell the server (by using the file includes) what to include for each.

Cheers

Liam
 

·
Registered
Joined
·
17 Posts
Discussion Starter #19
I did it, it worked, and I thank you sincerely. The fact that you take the time out of your day to help other people is great. I can't thank you enough, anyways.. talk to you later and keep up the good work.

Again, thank you! :grin:

~Thomas
 

·
TSF Team Emeritus
Joined
·
337 Posts
You're more than welcome Thomas..

Getting a reply like yours, and knowing that my help has made your day.. makes mine.. :grin:

Enjoy your web-building, and don't hesitate to ask for more advice if you need it. There's loads of people here that are always willing to help.

Take care..

Cheers..

Liam
 
1 - 20 of 25 Posts
Status
Not open for further replies.
Top