Adding links at the top

[triciar]

You were so helpful with my last question I thought I would check with you.     How do I add links (home, store, message board/gallery) to the top of the message board like I have in my gallery:  http://www.greatballsoffiber.com/photos/.  Also, is there a way to link the number of posts between photopost and the message board?

Thanks!
Tricia

[Shawn Sorrell]

Hello triciar,

It really is pretty easy if not a bit confuseing.  If you look in your wjd2 directory you well see a directory called templates. Inside that directory you are going to see the directory SubSilver.  I just checked your board and I see that you have already changed the logo by uploading a new one to the image directory that is in the SubSilver directory.

Ok now in the SubSilver directory there is a file called overall_header.tpl and this is the file that you are going to want to edit.  Here comes the tricky part.  That file is used everytime some views any part of the board.  You may also notice that there is a file in there called overall_footer.tpl that also is used each time.  The other files in there are placed in between those two. The reason that I mention that is because if you are using a program to edit your webpages it is going to be confused and not display the file right because it is only the first half of the page.... the top.  I use Dreamweaver and have made modifications so that I can actually open the file in it and edit it.  The program still well not display the page correctly but at least lets me edit and change things.  I also use a text editor for simple changes I make to the html.  .tpl are just plain html for the most part but they use a a different ext. and have some code in them that the wjd script uses to insert it's information.  What I have in mind is simply to create a table and insert it at the top of the overall_header.tpl after the body tag but before the partial table that makes up the body of your board.

Ok that is a hint of what you are up against.  How much do you know about HTML?  Do you understand using tables and css stylesheets?  How do you edit your web pages?  I ask these questions since it well help me to guide you on how to make the changes. I have a feeling it won't be too hard for you since you where able to get your photo gallery up and running.  Speaking of that I am not sure how you can tie the two together since I am not familiar with that script.  I would have to look at it and see what type of database system it uses and if it would be able to draw stats from it to insert into your board or not.  I imagin it could be done but would most likely take soem fancy foot work.  

Lets start with getting your other links at the top of the wjd board and then go from there.     I'll await your reply to my questions and the info I did give you to see how good I was at explaining that part of it.

[Anonymous]

LOL, I am afraid of what I am up against.     I actually didn't do my gallery my web designer did.  She managed to get through it although it was all new to her.  She actually couldn't get the buttons to work right for the mb so I thought I might see if I could find help.  I know basic HTML, I edit my pages using Frontpage, and I have a general clue about the style sheets.  I know where the files are you are talking about.  I wonder if I could just go into the photopost style sheet and copy from that.

What I have in mind is simply to create a table and insert it at the top of the overall_header.tpl after the body tag but before the partial table that makes up the body of your board.

I understand parts of this (create a table and where to put it).

My web designer uses Dreamweaver and I am sure if I provided her more info on how to actually do it she could.  That might be easier and less time consuming for both of us.  

Tricia

[Shawn Sorrell]

Ok here we go....

Open the file overall_header.tpl in a text editor like notepad. Notepad comes with windows and  is used by default if you happen to view the source of a webpage when you are browseing. I use one called Editeur http://www.studioware.com/ simply because it is a bit more robust. Once you have the file open scroll down the page and look for three lines that should look like this...

Code:

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">

You are going to want to insert what you want at the top of the page in between the second and third line.  The wrap on this may be off so your second line consist of...

Code:

<a name="top"></a>

The third line consist of....

Code:

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">

I would put the buttons and such within a table or you could use the same code that is at the top of your photo gallery and past it in.  Of course you would want to replace the Gallery head image with your message board image. That is all there is to it.  I would bet when you do that you are going to say cool... but now how can I get rid of the logo I replaced that now is simply a duplicate of what I now have on top.

Ok if this is a concern then you can do something about it and it is in this same file.  If you scroll down about five lines you should see something like this...

Code:

<td><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_wjd.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>

Now you do not want to mess with the <td> or </td> tags since that would mess up this table but the stuff in between them can be removed and that is the image and it's link code.  If you wanted to leave the image and upload a new one like you did before to replace it with say just the message board image but did not want it linked you could remove the hyper link for the image.

Just a quick note here while we are looking at the code in this file.  You may have noticed the weird capital letter entries with { & } around them.  Those entries are always replaced by information coming from the wjd script.

There is something else you need to do in this file that well help optimize the board and it has to do with the style sheet but I don't want to confuse things at this point.  It is actually commented about in this file within the style area.  If your board does not get a lot of traffic it is not a big concern but can help cut down on bandwidth used.

Let me know if you have any questions.  Please feel free to have your webmaster visit here and ask any questions they may have if you want.

[triciar]

Your directions were exceptional!  I managed to figure it out myself as well as add my animated banner at the bottom.     Stop by and take a peek, I assume if everything is working I didn't take anything out that I shouldn't have right?  

Currently I don't have heavy traffic but down the road I hope that will be of concern.     Should I make the changes now?

Thanks!
Tricia

[Shawn Sorrell]

Looks pretty good.  
You do have the paths wrong on two of the images. gallery_button.jpg and MBheader.jpg  It looks like maybe you have them set the path on your local computer wich would mean you may not have noticed it.  Opps just scrolled down and BannerAnimated.gif has the same problem.    

You  have some bad code going on and it looks like  the opening table got closed out in the overall_header.tpl. It may cause some problems with some browsers.  Did you edit the file with Front Page?  It has the bad habit of cleaning things up for you which in this case it bad.  I can't know for sure but looking at the source code I think it added the end table tags and the </body> and </html>  tags into the header file.  Most like now the last 7 lines in that your file look like this

Code:

</tr>
</table></td>
</tr>
</table>

</table>

</body>

</html>

And they should look like this...

Code:

</tr>
</table></td>
</tr>
</table>

<br />

So you should remove the last three tags </table>, </body> and </html> and add back in <br />  

It looks like maybe you lost some stuff in the overall_footer.tpl.  From what I can tell from here you simply added your stuff at the top of that file wich is ok but again it looks like maybe your program removed some things for you.    (so nice of it to help)  aside from what you added to the top of it it should look like this..

Code:

<div align="center"><span class="copyright"><br />{ADMIN_LINK}<br />
<!--
We request you retain the full copyright notice below including the link to www.wjd.com.
This not only gives respect to the large amount of time given freely by the developers
but also helps build interest, traffic and use of wjd 2.0. If you cannot (for good
reason) retain the full copyright we request you at least leave in place the
Powered by wjd {wjd_VERSION} line, with wjd linked to www.wjd.com. If you refuse
to include even this then support on our forums may be affected.

The wjd Group : 2002
// -->
Powered by <a href="http://www.wjd.com/" target="_wjd" class="copyright">wjd</a> {wjd_VERSION} &copy; 2001, 2002 wjd Group<br />{TRANSLATION_INFO}</span></div>
</td>
</tr>
</table>

</body>
</html>

 It may be that you meant to do some of this to change the look of the board.  The really only important thing is that you get the </html> and </body> tag out of your header file and into your footer file.  The table thing shouldn't be to much of a problem but there may be some of the pages that would need that table opened in the header and closed in the footer.  It is so long since I have used the default template that I can't remember for sure.

Ok concerning the optimization of the style sheet.  If you look in the SubSilver directory there is a file called subSilver.css.  This one you are going to want to open up in  notepad or other text editor.  If you look at it you'll notice that it resembles what is in the header file only all the {PHP_TAGS} that I mentioned earlier have values in them. You want that file to look like be this...

Code:

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #D7D8DC;
scrollbar-face-color: #CDC091;
scrollbar-highlight-color: #D7D8DC;
scrollbar-shadow-color: #CDC091;
scrollbar-3dlight-color: #CBBE8A;
scrollbar-arrow-color:  #3A3771;
scrollbar-track-color: #E2D6AA;
scrollbar-darkshadow-color: #BA9B65;
}

/* General font families for common tags */
font,th,td,p { font-family: Trebuchet MS, Arial, Verdana }
a:link,a:active,a:visited { color : #3A3771; }
a:hover { text-decoration: underline; color : #B7762D; }
hr { height: 0px; border: solid #CBBE8A 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #D7D8DC; border: 1px #BA9B65 solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: #D7D8DC; border: 2px #553911 solid; }

/* Main table cell colours and backgrounds */
td.row1 { background-color: #E2D6AA; }
td.row2 { background-color: #CDC091; }
td.row3 { background-color: #CBBE8A; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #D7D8DC;
background-image: url(templates/subSilver/images/cellpic2.jpg);
background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
color: #ffffff; font-size: 12px; font-weight : bold;
background-color: #3A3771; height: 25px;
background-image: url(templates/subSilver/images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(templates/subSilver/images/cellpic1.gif);
background-color:#CBBE8A; border: #EFECC9; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #D7D8DC; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
background-color: #CBBE8A; border: #EFECC9; border-style: solid;
}

th.thHead,td.catHead { font-size: 13px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Trebuchet MS, Arial, Verdana;
text-decoration: none; line-height : 120%; color : #60451C;
}

/* General text */
.gen { font-size : 13px; }
.genmed { font-size : 12px; }
.gensmall { font-size : 11px; }
.gen,.genmed,.gensmall { color : #60451C; }
a.gen,a.genmed,a.gensmall { color: #3A3771; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #B7762D; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 12px; color : #60451C }
a.mainmenu { text-decoration: none; color : #3A3771;  }
a.mainmenu:hover{ text-decoration: underline; color : #B7762D; }

/* Forum category titles */
.cattitle { font-weight: bold; font-size: 13px ; letter-spacing: 1px; color : #3A3771}
a.cattitle { text-decoration: none; color : #3A3771; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 13px; color : #3A3771; }
a.forumlink { text-decoration: none; color : #3A3771; }
a.forumlink:hover{ text-decoration: underline; color : #B7762D; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 12px; color : #60451C;}
a.nav { text-decoration: none; color : #3A3771; }
a.nav:hover { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: 12px; color : #60451C; }
a.topictitle:link   { text-decoration: none; color : #3A3771; }
a.topictitle:visited { text-decoration: none; color : #6C69B1; }
a.topictitle:hover { text-decoration: underline; color : #B7762D; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 12px; color : #60451C;}

/* Location, number of posts, post date etc */
.postdetails { font-size : 11px; color : #60451C; }

/* The content of the posts (body of text) */
.postbody { font-size : 13px; line-height: 18px}
a.postlink:link { text-decoration: none; color : #3A3771 }
a.postlink:visited { text-decoration: none; color : #6C69B1; }
a.postlink:hover { text-decoration: underline; color : #B7762D}

/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 12px; color: #662400;
background-color: #FCFBF2; border: #CBBE8A; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Trebuchet MS, Arial, Verdana; font-size: 12px; color: #404160; line-height: 125%;
background-color: #FCFBF2; border: #CBBE8A; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright { font-size: 11px; font-family: Trebuchet MS, Arial, Verdana; color: #404160; letter-spacing: -1px;}
a.copyright { color: #404160; text-decoration: none;}
a.copyright:hover { color: #60451C; text-decoration: underline;}

/* Form elements */
input,textarea, select {
color : #60451C;
font: normal 12px Trebuchet MS, Arial, Verdana;
border-color : #60451C;
}

/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #D7D8DC;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #E2D6AA;
color : #60451C;
font-size: 12px; font-family: Trebuchet MS, Arial, Verdana;
}

/* The main submit button option */
input.mainoption {
background-color : #FCFBF2;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color : #FCFBF2;
font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #CDC091; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css");

 I got that by looking at your pages sources and cutting it and pasteing it here.  What was tags was filled in by the info in your database where you most likely tweaked the colors and such for your board.  Now that you have all that done and like the colors you are using you can put all that into the subSilver.css file.  That file is going to look the same but the values are going to be different from what I posted.

Once you have that done you need to go back and edit the overall_header.tpl.  You are going to remove eveything starting with..

Code:

<style type="text/css">
<!--
/*
  The original subSilver Theme for wjd version 2+
  Created by subBlue design
  http://www.subBlue.com

and ending with...

Code:

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css");
-->
</style>

 Right above the code I said to start with you should see this...

Code:

<!-- link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->

You want to change it to this...

Code:

<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css">

It is a very small change all I removed was !-- and --.  That was makeing that a comment so the browser was not reading it and now it is going to and use the css style sheet that you just updated with the right info.  There is an admin tool that updates that styles sheet but I could never really get it to work so just do it the manual way I mentioned.  If for some reason you got it to work it is possible that the subsilver.css file is already correct so you may just need to compare it to what I posted and if it looks the same you do not need to go through changeing it.

Ok I think that's it I sure hope I did not confuse you... I know I confused myself.  

Questions are  always welcome!

[Tricia]

Yikes!  I forgot to stop back by, I'm so used to being notified of new messages.    Yes, I did use front page and figures I have the links wrong.  I will go through these steps and let ya know how it goes!

Thanks!
Tricia

[Shawn Sorrell]

Just checked your board and it looks like all the top images or working fine but your bottom banner is still set to your local machine.

Yes one disadvantage of the board here is that allow folks to post with out having a membership so  if you do you don't have the advantages when you are a member.  I wanted to make it easy for folks to ask questions. I may have to change that since I have been getting some spam stuff on the board but I want to try and leave it as is if it does not get to bad.     I should have just emailed you through your site but figured you would be back by at some point.

Let me know if you have any other problems.

[tricia]

I think I may have this figured out, lol.  I fixed the links.  As for the colors I did not set up the original colors my web designer did.  So what I did was copied the code you posted and replaced the colors with the colors that were in my subsilver file.  Is that what you meant?  Here is the new code:

Code:

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

/* General font families for common tags */
font,th,td,p { font-family: Trebuchet MS, Arial, Verdana }
a:link,a:active,a:visited { color : #006699; }
a:hover { text-decoration: underline; color : #DD6900; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: #FFFFFF; border: 2px #006699 solid; }

/* Main table cell colours and backgrounds */
td.row1 { background-color: #EFEFEF; }
td.row2 { background-color: #DEE3E7; }
td.row3 { background-color: #D1D7DC; }

/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #FFFFFF;
background-image: url(templates/subSilver/images/cellpic2.jpg);
background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
color: #FFA34F; font-size: 11px; font-weight : bold;
background-color: #006699; height: 25px;
background-image: url(templates/subSilver/images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(templates/subSilver/images/cellpic1.gif);
background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}

/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
background-color: #D1D7DC; border: #FFFFFF; border-style: solid;
}

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Trebuchet MS, Arial, Verdana;
text-decoration: none; line-height : 120%; color : #000000;
}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #000000 }
a.mainmenu { text-decoration: none; color : #006699; }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }

/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #000000;}
a.nav { text-decoration: none; color : #006699; }
a.nav:hover { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #DD6900; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px}
a.postlink:link { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}

/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Trebuchet MS, Arial, Verdana; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Trebuchet MS, Arial, Verdana; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

/* Form elements */
input,textarea, select {
color : #000000;
font: normal 11px Trebuchet MS, Arial, Verdana;
border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Trebuchet MS, Arial, Verdana;
}

/* The main submit button option */
input.mainoption {
background-color : #FAFAFA;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css");

And then here is the new header file:

Code:

<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_wjdprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

{META}
{NAV_LINKS}

<a name="top"></a>

<div align="center">
  <center>
  <table border="0" width="67%">
    <tr>
      <td width="100%"><img border="0" src="http://www.greatballsoffiber.com/MBheader.jpg" width="566" height="151"></td>
    </tr>
  </table>
  </center>
</div>
<div align="center">
  <center>
  <table border="0" width="63%" cellpadding="2">
    <tr>
      <td width="18%"><font size="1"><a href="http://www.greatballsoffiber.com/index.htm"><img src="http://www.greatballsoffiber.com/home_button.jpg" border="0" width="180" height="53"></a></font></td>
      <td width="22%"><font size="1"><a href="http://www.greatballsoffiber.com/Merchant2/merchant.mvc?"><img src="http://www.greatballsoffiber.com/store_button.jpg" border="0" width="180" height="53"></a></font></td>
      <td width="60%"><a href="http://www.greatballsoffiber.com/photos"><img border="0" src="http://www.greatballsoffiber.com/gallery_button.jpg" width="180" height="53"></a></td>
    </tr>
  </table>
  </center>
</div>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center" height="75">
<tr>
<td class="bodyline" height="55"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td></td>
<td align="center" width="100%" valign="middle">
<table cellspacing="0" cellpadding="2" border="0">
<tr>
<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
<!-- BEGIN switch_user_logged_out -->
&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
<!-- END switch_user_logged_out -->
</td>
</tr>
<tr>
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
</tr>
</table></td>
</tr>
</table>

<br />

I haven't actually put these in there they are just saved on my computer.  I was worried I may have misunderstood.

You actually are very good at explaning things.  If I take it step by step I seem to get through it.  Which shocks my everyday since a few months ago I had no clue what so ever.  Most people wouldn't take the time but you do and that is very nice of you.

If this all goes well my next project is PHPChat.  I had started working on it but couldn't get it up and running, lol.  

Tricia

P.S.  I registered so I will get emails now  

[Shawn Sorrell]

Hi tricia,

Actually on the css code you want to use what I supplied in my post above.  That is taken from your site and board and is the colors that you are now using.  I was able to get that by going to your board with my browser and then rigth clicking and viewing the source of the page.  So what you could do is select the code here and copy it then open up the subsilver.css file on your home computer and then simply replace what is there wiht what you copied here by selecting it all and then pasteing what you copied here.  Before you do that you can make a copy of what you have now on your computer simply by first saving that file as say subsilver_backup.css or what ever you want to call it. Then if anything gets messed up all you have to do is go back and rename the backup and upload back to the server.

Your overall_header.tpl looks ok except that some of it is missing and it looks like your front page editor has added some code.  Maybe you just did not include the first half here.  This is what the entire file should look like.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} {SITE_DESCRIPTION} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_wjdprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" >
<a name="top"></a>
<div align="center">
  <center>
  <table border="0" width="67%">
    <tr>
      <td width="100%"><img border="0" src="http://www.greatballsoffiber.com/MBheader.jpg" width="566" height="151"></td>
    </tr>
  </table>
  </center>
</div>
<div align="center">
  <center>
  <table border="0" width="63%" cellpadding="2">
    <tr>
      <td width="18%"><font size="1"><a href="http://www.greatballsoffiber.com/index.htm"><img src="http://www.greatballsoffiber.com/home_button.jpg" border="0" width="180" height="53"></a></font></td>
      <td width="22%"><font size="1"><a href="http://www.greatballsoffiber.com/Merchant2/merchant.mvc?"><img src="http://www.greatballsoffiber.com/store_button.jpg" border="0" width="180" height="53"></a></font></td>
      <td width="60%"><a href="http://www.greatballsoffiber.com/photos"><img border="0" src="http://www.greatballsoffiber.com/gallery_button.jpg" width="180" height="53"></a></td>
    </tr>
  </table>
  </center>
</div>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center" height="75">
   <tr>
      <td class="bodyline" height="55"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td></td>
            <td align="center" width="100%" valign="middle">
            <table cellspacing="0" cellpadding="2" border="0">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
                  <!-- BEGIN switch_user_logged_out -->
                  &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                  <!-- END switch_user_logged_out -->
                  </td>
               </tr>
               <tr>
                  <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
               </tr>
            </table></td>
         </tr>
      </table>

<br />

Again make a backup incase I happened to miss something. I did just check your board and actually what is there now is working so the added stuff from front page does not seem to be hurting it but could cause problems with some browsers.  The big thing right now with it is that you still have the full .css code in the overall_header.tpl and you have not enabled the call to the one in templates/subSilver/subSilver.css by removeing the "--" from it i.e. the part you want to look like this:

Code:

<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css">

 Again I think if you copy what I have above you'll be ok but wanted to give you the details and reason for things.

As always let me know if you have problems or questions.

P.S.  The whole subsilver.css thing is simply an optimization to help the board run a bit faster and really you don't have to do it.  Just thought I would say that.  You may notice that my own board here runs just a bit slow that is because of the left side menu I have modded to the board and I really need to rework it but have not.     Just thought it was interesting that I have not done that when I am trying to lead you through tweaking your board to run faster.  Guess it is a bit like the old addage of the shoe makers kids never having new shoes.

[tricia]

I think I got it!  I did change 1 color in it but everything else seems to be working great.  Thanks so much for your help.  Now I must tackle PHPchat, lol.

Tricia

[Shawn Sorrell]

Good to hear!  I just checked your site and it looks like maybe your mysql has gone down... Have you been trying to get php chat to work?     You may need to go in to your Site Manager and use the Restart VDS option to get your databases back up and running.

[tricia]

  Yes, I was trying with no success.  But now they are up and running again.

Tricia