Web Wiz Forums Modifications - Right hand Column

Print Page | Close Window

Right hand Column

Printed From: Web Wiz Forums
Category: Web Wiz Web App Support Forums
Forum Name: Web Wiz Forums Modifications
Forum Description: Mod's and Add-on's for Web Wiz Forums.
URL: https://forums.webwiz.net/forum_posts.asp?TID=21393
Printed Date: 29 March 2026 at 4:24pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Right hand Column

Posted By: suedechaser
Subject: Right hand Column
Date Posted: 25 September 2006 at 3:28pm

Hi all,

How can I put a 35% column down the right-hand-side of just the forum, not the whole page, just beside the forum.

Someone here once mentioned that it should be started and finished in the footer. I'm not sure how to do this - can anybody clarify please?

regards

suede

Replies:

Posted By: dpyers
Date Posted: 25 September 2006 at 3:47pm

http://www.new2asp.com/forum/forum_posts.asp?TID=9 - http://www.new2asp.com/forum/forum_posts.asp?TID=9

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: suedechaser
Date Posted: 25 September 2006 at 11:00pm

Hi Don,

That worked nicely - quite simple really once you know how.

Another question if I may?

I would like put the existing navigation buttons in the right hand column as well as a couple of links. Is this done in the same header/footer files, or is there another technique alltogether?

regards

suede

Posted By: dpyers
Date Posted: 25 September 2006 at 11:52pm

The navigation buttons are in includes/navigation_buttons_inc.asp

If you replace the "Right Body" text in the example with

<%
<!-- #include file="includes/navigation_buttons_inc.asp" -->
%>

It would put the nav stuff in the right body column. You might have to add some line breaks or formatting to the code. and you'll want to remove that include file from default.asp to avoid duplicate definition errors.

You could just cut and paste html from you browsers "View Source" but some of the nav buttons are only displayed conditionally - e.g. if you're admin or if you have a PM, etc. I think the quick login is also displayed here if you're not logged in.

includes/navigation_buttons_inc.asp also contains the logo and wwf adds that can't be removed unless you have a license. Might make sense to split navigation_buttons_inc.asp into two scripts, one with the logo, ads, and quick login that would stay in default.asp, and one with just the button code formatted for the sidebar.

EDIT: Edited because I can't tell my left from my right.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: dpyers
Date Posted: 26 September 2006 at 12:59am

I got curious about this so I whipped something up.

1. In the footer.asp sample code at the original example link above, change the TD code to this:

        <td style="width:15%; text-align:left;vertical-align: top; background-color:#EAE8D3;">Right Body<br />
<!-- #include file="navigation_buttons_inc_sidebar.asp" -->
<br />
<!-- #include file="pm_check_inc.asp" -->
<br />
Some link
<br />
Some Other Link
        </td>

2. BACKUP includes/navigation_buttons_inc.asp then edit the original and replace all the code in it with the following

<%
'****************************************************************************************
'**  Copyright Notice    
'**
'**  Web Wiz Guide - Web Wiz Forums
'**  http://www.webwizforums.com
'**                                                              
'**  Copyright 2001-2006 Bruce Corkhill All Rights Reserved.                                
'**
'**  This program is free software; you can modify (at your own risk) any part of it 
'**  under the terms of the License that accompanies this software and use it both 
'**  privately and commercially.
'**
'**  All copyright notices must remain in tacked in the scripts and the 
'**  outputted HTML.
'**
'**  You may use parts of this program in your own private work, but you may NOT
'**  redistribute, repackage, or sell the whole or any part of this program even 
'**  if it is modified or reverse engineered in whole or in part without express 
'**  permission from the author.
'**
'**  You may not pass the whole or any part of this application off as your own work.
'**   
'**  You may not deactivate any adverts or links to Web Wiz Guide and it�s associates
'**  and must remain visible when the pages are viewed unless permission is first granted
'**  by the copyright holder.
'**
'**  This program is distributed in the hope that it will be useful,
'**  but WITHOUT ANY WARRANTY; without even the implied warranty of
'**  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE OR ANY OTHER 
'**  WARRANTIES WHETHER EXPRESSED OR IMPLIED.
'**
'**  You should have received a copy of the License along with this program; 
'**  if not, write to:- Web Wiz Guide, PO Box 4982, Bournemouth, BH8 8XP, United Kingdom.
'**    
'**
'**  No official support is available for this program but you may post support questions at: -
'**  http://www.webwiz.net/forum
'**
'**  Support questions are NOT answered by e-mail ever!
'**
'**  For correspondence or non support questions contact: -

'**
'** Web Wiz Guide, Unit 10E, Dawkins Road Industrial Estate, Poole, Dorset, UK, BH15 4JD
'**
'****************************************************************************************

%>
<table class="basicTable" cellspacing="0" cellpadding="3" align="center">
 <tr> 
  <td rowspan="2">
<%
'If there is a forum image then dsiplay it
If NOT strTitleImage = "" Then Response.Write("<a href=""" & strWebsiteURL & """ accesskey=""1""><img src=""" & strTitleImage & """ border=""0"" /></a>")
%>
</td>
  <td align="center">&nbsp;</td>
 </tr>
 <tr>
  <td align="center">&nbsp;</td>
 </tr>
</table>
<% 
'***** START WARNING - REMOVAL OR MODIFICATION OF THIS CODE WILL VIOLATE THE LICENSE AGREEMENT ******
If blnLCode = True Then Response.Write(strHeaderAds)
'***** END WARNING - REMOVAL OR MODIFICATION OF THIS CODE WILL VIOLATE THE LICENSE AGREEMENT ******
%>

3. Create a new file in the includes directory named navigation_buttons_inc_sidebar.asp and place the following code in it:
[code] <%
'****************************************************************************************
'** Copyright Notice
'**
'** Web Wiz Guide - Web Wiz Forums
'** http://www.webwizforums.com
'**
'** Copyright 2001-2006 Bruce Corkhill All Rights Reserved.
'**
'** This program is free software; you can modify (at your own risk) any part of it
'** under the terms of the License that accompanies this software and use it both
'** privately and commercially.
'**
'** All copyright notices must remain in tacked in the scripts and the
'** outputted HTML.
'**
'** You may use parts of this program in your own private work, but you may NOT
'** redistribute, repackage, or sell the whole or any part of this program even
'** if it is modified or reverse engineered in whole or in part without express
'** permission from the author.
'**
'** You may not pass the whole or any part of this application off as your own work.
'**
'** You may not deactivate any adverts or links to Web Wiz Guide and it�s associates
'** and must remain visible when the pages are viewed unless permission is first granted
'** by the copyright holder.
'**
'** This program is distributed in the hope that it will be useful,
'** but WITHOUT ANY WARRANTY; without even the implied warranty of
'** MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE OR ANY OTHER
'** WARRANTIES WHETHER EXPRESSED OR IMPLIED.
'**
'** You should have received a copy of the License along with this program;
'** if not, write to:- Web Wiz Guide, PO Box 4982, Bournemouth, BH8 8XP, United Kingdom.
'**
'**
'** No official support is available for this program but you may post support questions at: -
'** http://www.webwiz.net/forum
'**
'** Support questions are NOT answered by e-mail ever!
'**
'** For correspondence or non support questions contact: -

'**
'** Web Wiz Guide, Unit 10E, Dawkins Road Industrial Estate, Poole, Dorset, UK, BH15 4JD
'**
'****************************************************************************************



'If the user has logged in then the Logged In User ID number will not be 0 and not 2 for the guest account
If lngLoggedInUserID <> 0 AND lngLoggedInUserID <> 2 Then

    'Dispaly a welcome message to the user in the top bar
    If blnBanned = False Then Response.Write ("&a

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: suedechaser
Date Posted: 26 September 2006 at 2:27am

Hi Don,

That is very nice indeed.

Does the bottom of the Left Header, Middle Header and Right Header have to be the same level? Or can they be different sizes?

Also, Is it possible to have, say, two columns down the right hand side - one underneath each other?

regards

suede

Posted By: dpyers
Date Posted: 26 September 2006 at 5:32am

If you're going to use a table based layout, all the cells in the header row are going to be the same size.

You could put a 2 row table in the right hand table cell of the body row to create the effect you want.

An alternative method would be to use css and div's for your layout. The following code for footer.asp and header.asp will create:

1. a 3 column header. each column will size vertically to fit its content.
2. A 2 column body section. The left hand column starts lower down than the right hand column. The right hand column contains two content divs - one over the other.
3. a 1 column footer section.

There's an example of the output at http://www.new2asp.com/forum/ - http://www.new2asp.com/forum/ but I'll only keep the example up for a couple of days.

header.asp code

<script language="javascript" src="includes/default_javascript.js" type="text/javascript"></script>
</head>
<body>
<div id="pagecontainer" style="width:100%; padding:1em; background-color:white;">

    <div id="headersection" style="clear:both; width:100%;">
        <div id="headerleft" style="float:left; text-align:left; background-color:aqua; width:10%">Left Header 10%</div>
        <div id="headercenter" style="float:left; text-align:center; background-color:blue; color:white; width:60%">Center Header<br/>60%</div>
        <div id="headerright" style="float:right; text-align:left; background-color:navy; color:white; width:30%">Right Header 30%</div>
    </div>


    <div id="bodysection" style="clear:both; float:left; width:100%; margin-bottom:2em;">
        <div id="bodyleft" style="float:left; width:64%; margin-top:2em; background-color:lime;">Body Left - 64%<br /><br />

footer.asp code

<!-- footer -->


        </div> <!-- End of bodyleft div -->

        <div id="bodyright" style="float:left; text-align:left; background-color:fuchsia; color:white; width:34%;">Body Right - 34%
            <div id="bodyrighttop" style="text-align:left; background-color:orange; color:white;  margin:2em;">Body Right - Top</div>
            <div id="bodyrightbottom" style="text-align:left; background-color:red; color:white; margin:2em;">Body Right - Bottom</div>
        </div> <!-- End of bodyright div -->

        
    </div> <!-- End of bodysection div -->


    <div id="footersection" style="clear:both; width:60%; margin-left:auto; margin-right:auto; text-align:center; background-color:maroon; color:white;">Footer Section - 60%</div>


</div> <!-- End of pagecontainer div -->

</body>
</html>

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: suedechaser
Date Posted: 26 September 2006 at 5:55am

Interestingly, when viewed in a popup browser window, the Body Right 34% column actually appears below the main table. Is this just a quirk with my browser ( IE )?

I will have a play now with this new ( to me ) CSS/DIV idea.

regards

suede

Posted By: dpyers
Date Posted: 26 September 2006 at 1:07pm

It's an ie problem with the css box model. A partial work around is:

1. In header.asp, remove " padding:1em;" from the pagecontainer div. This should get rid of the bottom scroll bar.

2. In default.asp (main forum folder):
- Around line 801 is a table with a fixed width of 550px. Change it to something like 98%.
- delete any occurrence of "nowrap"

I tested this in IE at 1024x768 and it works, but the right body div will float below the left body div at lower sizes.

I won't be able to get back to this for a couple of days but a couple of things to try to get it to work properly in IE at lower viewport sizes would be:
1. Try header.asp and footer.asp on your installation. I modded the forum css file on mine which could be throwing something off.
2. Check the include files referenced in default.asp for fixed length stuff and nowrap attributes.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: suedechaser
Date Posted: 27 September 2006 at 3:04am

Thanks Don,

I will probobly need a few days as well.

regards

suede

Posted By: suedechaser
Date Posted: 05 October 2006 at 11:37pm

Hi Don,

I decided that a table based layout is the simplest with one right hand column.
Is there a simple way to also put the author details over on the right hand side of each post instead of the left?

Thanks again in advance

regards

suede

Posted By: dpyers
Date Posted: 06 October 2006 at 12:00am

around line 850 in forum_posts.asp, it writes a table row for the post. one cell in the row - <td>...stuff..</td> - is for the Author info, and the other is for the Message. You'd need to swap them around, and also swap the table header row cells around.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: suedechaser
Date Posted: 06 October 2006 at 1:09am

....ok, I'll have a go at that.

Thanks Don!

Posted By: suedechaser
Date Posted: 13 October 2006 at 7:20am

Hi Don,

I've noticed that the size of the middle table changes depending on which page I'm looking at.

Is there a way to make all the pages a uniform size throughout the site?

regards

suede

Posted By: dpyers
Date Posted: 13 October 2006 at 4:17pm

Send me a PM with links to a couple of pages that display differently.

Don't have access to code rith now, but I'd imagine that the user info cell is fixed width and the post fills in the rest of the row. Switching the order to put the post before the user info made the user ingo appear immediately after the post - instead of the post filling out the row.
If you're using a fixed width forum, the easiest method would be to give the cell containing the post a fixed width. If you're using a floating width, it can be fixed, but I'd need to look at code.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: suedechaser
Date Posted: 13 October 2006 at 10:27pm

Hi Don,

Have a look at the link provided on your site:

- http://webwiz.sitetechnique.com/forum/default.asp

After clicking the WebWizForum link under Testing WebWiz Applications, keep a mental note of the size of the centre section - it appears to get larger.

From your wonderful tutorials to date, I have been trying to setup full width header, no left column, centre column 70%, right column 30%, full width footer with the whole lot consistant while navigating through the forum.

I thought I may have messed something up, but I noticed that the same thing happens at the above mentioned link.

EDIT: I forgot to mention that the whole forum page at the above link is left justified. Is there a way to centre the whole forum - header/footer/columns and all?

As always Don, thank you!

regards

suede

Posted By: dpyers
Date Posted: 14 October 2006 at 12:39am

suedechaser wrote:

Hi Don,

Have a look at the link provided on your site:

- http://webwiz.sitetechnique.com/forum/default.asp

After clicking the WebWizForum link under Testing WebWiz Applications, keep a mental note of the size of the centre section - it appears to get larger.

I couldn't replicate the problem. I put a window on top of my forum that was the width of the body section. The body section came to the exact edges of the top window regardless of what link page I viewed.

I did notice that with FF, it resized the body sections by a small amount after the pages loaded, but they wound up the same size.

suedechaser wrote:

From your wonderful tutorials to date, I have been trying to setup full width header, no left column, centre column 70%, right column 30%, full width footer with the whole lot consistant while navigating through the forum.

I thought I may have messed something up, but I noticed that the same thing happens at the above mentioned link.

See code below dfor header and footer .asp for your layout. You could also just put the header and footer in separate center aligned div's before and after the table

suedechaser wrote:

EDIT: I forgot to mention that the whole forum page at the above link is left justified. Is there a way to centre the whole forum - header/footer/columns and all?

Wrap the whole thing in a center aligned div.

For your layout: (Example at http://webwiz.sitetechnique.com/forum/default.asp - http://webwiz.sitetechnique.com/forum/default.asp )
header.asp

<script language="javascript" src="includes/default_javascript.js" type="text/javascript"></script>

</head>
<body>
<table style="width:100%">
    <tr>
        <td colspan="2" style="width:70%; text-align:center;vertical-align: center; background-color:#E89D0C;"><h1>Header</h1></td>
    </tr>
    <tr>
        <td style="width:70%; text-align:left; background-color:#F1F1F1;">

footer.asp

<!-- footer -->
        </td>
        <td style="width:30%; text-align:left;vertical-align: top; background-color:#EAE8D3;">Right Body<br />
<!-- #include file="navigation_buttons_inc_sidebar.asp" -->
<br />
<!-- #include file="pm_check_inc.asp" -->
<br />
Some link
<br />
Some Other Link
        </td>
    </tr>
    <tr>
        <td colspan="2" style="width:100%; text-align:center;vertical-align: center; background-color:#ADBF45; color:#ffffff">Footer - 100%</td>
    </tr>
</table>
</body></html>

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: suedechaser
Date Posted: 14 October 2006 at 1:41am

Hi Don,

I've just had a look at the example layout and that is simply perfect!

Thank you so much!

regards

suede

Posted By: suedechaser
Date Posted: 16 October 2006 at 7:59am

Hi Don,

One last question if I may.

To finalise this simple layout, I would like to put an image into the new header, one of those gradient backgrounds, that stretches over the whole length of the header. I would also like a couple of links on the right hand side of the header to go to, say, Calendar, Active topics, Members.

Can you suggest a way of doing this as well please Don?

kindest regards

suede