Previous Thread
Next Thread
Print Thread
Rate Thread
#115850 12/13/2004 5:35 PM
Joined: Mar 2002
Posts: 78
Member
Member
Offline
Joined: Mar 2002
Posts: 78
How do I create a sidebar? Is there code I need to add into a certain field in the template for the one I use?

I'd like to have a sidebar like the one to the right, with a few sponsor ad banners, and maybe some content islands.

Thanks for understanding my stupidity smile


1998 Firebird Formula with a blower and then some...
Sponsored Links
#115851 12/13/2004 6:18 PM
Joined: Jan 2000
Posts: 5,833
Likes: 20
UBBDev / UBBWiki Owner
Time Lord
UBBDev / UBBWiki Owner
Time Lord
Joined: Jan 2000
Posts: 5,833
Likes: 20
A sidebar is simply a table added to the style header and footer, with the UBB being in the table, EX:

Header:
Code
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="Table">
<tr>
<td width="50%" id="UBB">
Footer:
Code
</td>
<td width="50%" id="SideBar"> </td>
</tr>
</table>


UBB.Dev - Putting Dev into UBB.threads
Company: VNC Web Services - UBB.threads Scripts and Scripting, Install and Upgrade Services, Site and Server Maintenance.
Forums: A Gardeners Forum, Scouters World, and UGN Security
UBB.Threads: My UBB Themes, My UBB Scripts
#115852 12/13/2004 6:19 PM
Joined: Jan 2000
Posts: 5,833
Likes: 20
UBBDev / UBBWiki Owner
Time Lord
UBBDev / UBBWiki Owner
Time Lord
Joined: Jan 2000
Posts: 5,833
Likes: 20
Also, here at UBB there is a table within a table, you'll need to adjust the html to how you would like it to display.


UBB.Dev - Putting Dev into UBB.threads
Company: VNC Web Services - UBB.threads Scripts and Scripting, Install and Upgrade Services, Site and Server Maintenance.
Forums: A Gardeners Forum, Scouters World, and UGN Security
UBB.Threads: My UBB Themes, My UBB Scripts
#115853 12/13/2004 7:01 PM
Joined: Mar 2002
Posts: 78
Member
Member
Offline
Joined: Mar 2002
Posts: 78
Thanks Gizzy. I'll give it a try and see how it works smile


1998 Firebird Formula with a blower and then some...
#115854 12/13/2004 8:38 PM
Joined: Jan 2000
Posts: 5,833
Likes: 20
UBBDev / UBBWiki Owner
Time Lord
UBBDev / UBBWiki Owner
Time Lord
Joined: Jan 2000
Posts: 5,833
Likes: 20
Not a problem, I've made a few differant ones wink


UBB.Dev - Putting Dev into UBB.threads
Company: VNC Web Services - UBB.threads Scripts and Scripting, Install and Upgrade Services, Site and Server Maintenance.
Forums: A Gardeners Forum, Scouters World, and UGN Security
UBB.Threads: My UBB Themes, My UBB Scripts
Sponsored Links
#115855 12/13/2004 11:16 PM
Joined: Mar 2002
Posts: 78
Member
Member
Offline
Joined: Mar 2002
Posts: 78
Yeah, this is hosing me. I plugged in the code, and there's a big blank space on the side of the board. But wherever I try to add any HTML code, it appears on the top or bottom of the board itself.

I know this sounds confusing, but I've never dealt with something this simple before laugh

All I want is a sidebar with some content islands and some sponsor pics.


1998 Firebird Formula with a blower and then some...
#115856 12/14/2004 12:04 AM
Joined: Jun 2001
Posts: 729
Coder
Coder
Offline
Joined: Jun 2001
Posts: 729
At least you are getting something on the side... Mine appears above the forums in the section with logo or at the actual head and foot of the page. Can't for the life of me get it on the side. Searched the forums and used all the codes provided as well as the code in the database outlining left and right bars. Sigh...

#115857 12/14/2004 12:28 AM
Joined: Jan 2003
Posts: 3,456
Likes: 2
Master Hacker
Master Hacker
Offline
Joined: Jan 2003
Posts: 3,456
Likes: 2
show us the page you tried it on, maybe it's a simple html goof

#115858 12/14/2004 12:44 PM
Joined: Mar 2000
Posts: 21,079
Likes: 3
I type Like navaho
I type Like navaho
Joined: Mar 2000
Posts: 21,079
Likes: 3
start here: http://validator.w3.org - 99% chance you'll find the error there smile


- Allen wavey
- What Drives You?
#115859 12/14/2004 1:06 PM
Joined: Jan 2003
Posts: 3,456
Likes: 2
Master Hacker
Master Hacker
Offline
Joined: Jan 2003
Posts: 3,456
Likes: 2
that's actually how I found the error laugh Twas one too many closing tags inside the forums, made the browsers think the table was done before it got to the sidebar.

Sponsored Links
#115860 12/14/2004 6:45 PM
Joined: Jan 2000
Posts: 5,833
Likes: 20
UBBDev / UBBWiki Owner
Time Lord
UBBDev / UBBWiki Owner
Time Lord
Joined: Jan 2000
Posts: 5,833
Likes: 20
all I have to say is it worked as a table just fine wink


UBB.Dev - Putting Dev into UBB.threads
Company: VNC Web Services - UBB.threads Scripts and Scripting, Install and Upgrade Services, Site and Server Maintenance.
Forums: A Gardeners Forum, Scouters World, and UGN Security
UBB.Threads: My UBB Themes, My UBB Scripts
#115861 12/15/2004 1:06 AM
Joined: Mar 2002
Posts: 78
Member
Member
Offline
Joined: Mar 2002
Posts: 78
I added the code like you showed above, Gizzy. Where in the hell do I add the HTML so that is appears within the sidebar space and not above or below the UBB itself? laugh


1998 Firebird Formula with a blower and then some...
#115862 12/15/2004 1:49 AM
Joined: Jun 2001
Posts: 729
Coder
Coder
Offline
Joined: Jun 2001
Posts: 729
Ian thank you for finding my problem smile

In your header section:

Code
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="SideBars">
<tr>
<!-- Disable Left Side Bar
<td width="15%">
<table border="0" cellpadding="0" cellspacing="0" width="95%" align="center" id="Left Sidebar">
<tr><td width="100%">
Left Sidebar</td></tr>
</table></td> -->
<td width="70%">
To enable the left side bar remove the remarks

In your footer section:

Code
</td><td width="10%">
<table border="0" cellpadding="0" cellspacing="0" width="95%" align="center" id="Right Sidebar">
<tr><td width="100%">
Right Sidebar</td></tr>
</table></td></tr></table>
To add your code just add/replace "Right SideBar" and or "Left SideBar" text with whatever you want. To adjust the physical size in the footer section change 10% to what ever you want.

If you want an example of what was done here jsut right click view text and search for "" and youc an see how/what was added.

#115863 12/16/2004 1:45 AM
Joined: Mar 2002
Posts: 78
Member
Member
Offline
Joined: Mar 2002
Posts: 78
Ok, getting closer. I have the sidebar designed. However, it keeps centering along the side of the forums, instead of sitting near the top where the forum area field is.

How do I keep this thing from balancing in the middle of the forums along the side? I'd like it more near the top smile


1998 Firebird Formula with a blower and then some...
#115864 12/16/2004 10:49 AM
Joined: Jan 2003
Posts: 3,456
Likes: 2
Master Hacker
Master Hacker
Offline
Joined: Jan 2003
Posts: 3,456
Likes: 2
add valign="top" to the td for the sidebar

#115865 12/16/2004 4:35 PM
Joined: Mar 2002
Posts: 78
Member
Member
Offline
Joined: Mar 2002
Posts: 78
That worked well. Now, the last problem I'm having is people saying they have to scroll their screen over to see the side bar. What's the remedy for this?

I think after this, I'm done and retiring to Florida laugh


1998 Firebird Formula with a blower and then some...
#115866 12/16/2004 7:24 PM
Joined: Jun 2001
Posts: 729
Coder
Coder
Offline
Joined: Jun 2001
Posts: 729
When building a site it is nice to know about your users. The more you know the better. Not on a personal level but in terms of how they are viewing your site. This is only a small piece of what you should track smile I use AWStats for mine. This allows me to know the actual screen resolution thus I can build the site to the bulk of the general population.

You might want to try reducing the side bar(s) to 10% I think the code on the first page was 15%? Are you using the left side bar as well as the right?

What I would like to see someday is somehow dynamicaly display a site based on the users resolution.

#115867 12/17/2004 4:22 AM
Joined: Mar 2002
Posts: 78
Member
Member
Offline
Joined: Mar 2002
Posts: 78
I've actually decided to use a top-oriented banner system. The sidebar was nice looking, but too many people *****ed about it smile

Thanks everyone, I have learned some valuable experience for future endeavors wink


1998 Firebird Formula with a blower and then some...
#115868 12/17/2004 10:30 AM
Joined: Jun 2001
Posts: 729
Coder
Coder
Offline
Joined: Jun 2001
Posts: 729
Ok here is something interesting and hopefully Ian or someone with more knowledge will chime in. This would deal more with ColorForums and useing CSS to center the site may or may not help or even work.

In CSS file make sure to add "text-align: center;" and the new container entry

Code
body {
text-align: center;
background: #fff;
color: #000;
margin: 0;
}

#container {
width: 758px;
border: 1px solid #666;
background: #fff;
color: #000;
margin: 0;
text-align: left;
}
In the header section add:

Code
<div id="container">
In the footer section add:
Code
</div>
Any instance of:

Code
<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
Whould be replaced with:

Code
<body>

#115869 12/17/2004 7:33 PM
Joined: Jan 2000
Posts: 5,833
Likes: 20
UBBDev / UBBWiki Owner
Time Lord
UBBDev / UBBWiki Owner
Time Lord
Joined: Jan 2000
Posts: 5,833
Likes: 20
I replace:
Code
<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
With:
Code
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}


UBB.Dev - Putting Dev into UBB.threads
Company: VNC Web Services - UBB.threads Scripts and Scripting, Install and Upgrade Services, Site and Server Maintenance.
Forums: A Gardeners Forum, Scouters World, and UGN Security
UBB.Threads: My UBB Themes, My UBB Scripts
#115870 12/17/2004 8:30 PM
Joined: Jan 2003
Posts: 3,456
Likes: 2
Master Hacker
Master Hacker
Offline
Joined: Jan 2003
Posts: 3,456
Likes: 2
or

Code
body {
margin: 0;
}

#115871 12/18/2004 3:21 AM
Joined: Jan 2000
Posts: 5,833
Likes: 20
UBBDev / UBBWiki Owner
Time Lord
UBBDev / UBBWiki Owner
Time Lord
Joined: Jan 2000
Posts: 5,833
Likes: 20
'eh I guess that works too, some people like to adjust the left/right margin withough having to think "What is that tag" wink


UBB.Dev - Putting Dev into UBB.threads
Company: VNC Web Services - UBB.threads Scripts and Scripting, Install and Upgrade Services, Site and Server Maintenance.
Forums: A Gardeners Forum, Scouters World, and UGN Security
UBB.Threads: My UBB Themes, My UBB Scripts

Link Copied to Clipboard
Donate Today!
Donate via PayPal

Donate to UBBDev today to help aid in Operational, Server and Script Maintenance, and Development costs.

Please also see our parent organization VNC Web Services if you're in the need of a new UBB.threads Install or Upgrade, Site/Server Migrations, or Security and Coding Services.
Recommended Hosts
We have personally worked with and recommend the following Web Hosts:
Stable Host
bluehost
InterServer
Visit us on Facebook
Member Spotlight
Gizmo
Gizmo
Portland, OR, USA
Posts: 5,833
Joined: January 2000
Forum Statistics
Forums63
Topics37,573
Posts293,925
Members13,849
Most Online5,166
Sep 15th, 2019
Today's Statistics
Currently Online
Topics Created
Posts Made
Users Online
Birthdays
Top Posters
AllenAyres 21,079
JoshPet 10,369
LK 7,394
Lord Dexter 6,708
Gizmo 5,833
Greg Hard 4,625
Top Posters(30 Days)
Top Likes Received
isaac 82
Gizmo 20
Brett 7
WebGuy 2
Morgan 2
Top Likes Received (30 Days)
None yet
The UBB.Developers Network (UBB.Dev/Threads.Dev) is ©2000-2024 VNC Web Services

 
Powered by UBB.threads™ PHP Forum Software 8.0.0
(Preview build 20221218)