|
Joined: Mar 2002
Posts: 78
Member
|
Member
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 
1998 Firebird Formula with a blower and then some...
|
|
|
|
Joined: Jan 2000
Posts: 5,834 Likes: 20
UBBDev Owner Time Lord
|
UBBDev Owner Time Lord
Joined: Jan 2000
Posts: 5,834 Likes: 20 |
A sidebar is simply a table added to the style header and footer, with the UBB being in the table, EX: Header: <table border="0" cellpadding="0" cellspacing="0" width="100%" id="Table"> <tr> <td width="50%" id="UBB"> Footer: </td> <td width="50%" id="SideBar"> </td> </tr> </table>
|
|
|
|
Joined: Jan 2000
Posts: 5,834 Likes: 20
UBBDev Owner Time Lord
|
UBBDev Owner Time Lord
Joined: Jan 2000
Posts: 5,834 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.
|
|
|
|
Joined: Mar 2002
Posts: 78
Member
|
Member
Joined: Mar 2002
Posts: 78 |
Thanks Gizzy. I'll give it a try and see how it works 
1998 Firebird Formula with a blower and then some...
|
|
|
|
Joined: Jan 2000
Posts: 5,834 Likes: 20
UBBDev Owner Time Lord
|
UBBDev Owner Time Lord
Joined: Jan 2000
Posts: 5,834 Likes: 20 |
Not a problem, I've made a few differant ones 
|
|
|
|
Joined: Mar 2002
Posts: 78
Member
|
Member
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 All I want is a sidebar with some content islands and some sponsor pics.
1998 Firebird Formula with a blower and then some...
|
|
|
|
Joined: Jun 2001
Posts: 729
Coder
|
Coder
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...
|
|
|
|
Joined: Jan 2003
Posts: 3,456 Likes: 2
Master Hacker
|
Master Hacker
Joined: Jan 2003
Posts: 3,456 Likes: 2 |
show us the page you tried it on, maybe it's a simple html goof
|
|
|
|
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 
|
|
|
|
Joined: Jan 2003
Posts: 3,456 Likes: 2
Master Hacker
|
Master Hacker
Joined: Jan 2003
Posts: 3,456 Likes: 2 |
that's actually how I found the error  Twas one too many closing tags inside the forums, made the browsers think the table was done before it got to the sidebar.
|
|
|
|
Joined: Jan 2000
Posts: 5,834 Likes: 20
UBBDev Owner Time Lord
|
UBBDev Owner Time Lord
Joined: Jan 2000
Posts: 5,834 Likes: 20 |
all I have to say is it worked as a table just fine 
|
|
|
|
Joined: Mar 2002
Posts: 78
Member
|
Member
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? 
1998 Firebird Formula with a blower and then some...
|
|
|
|
Joined: Jun 2001
Posts: 729
Coder
|
Coder
Joined: Jun 2001
Posts: 729 |
Ian thank you for finding my problem In your header section: <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: </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.
|
|
|
|
Joined: Mar 2002
Posts: 78
Member
|
Member
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 
1998 Firebird Formula with a blower and then some...
|
|
|
|
Joined: Jan 2003
Posts: 3,456 Likes: 2
Master Hacker
|
Master Hacker
Joined: Jan 2003
Posts: 3,456 Likes: 2 |
add valign="top" to the td for the sidebar
|
|
|
|
Joined: Mar 2002
Posts: 78
Member
|
Member
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 
1998 Firebird Formula with a blower and then some...
|
|
|
|
Joined: Jun 2001
Posts: 729
Coder
|
Coder
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  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.
|
|
|
|
Joined: Mar 2002
Posts: 78
Member
|
Member
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 Thanks everyone, I have learned some valuable experience for future endeavors 
1998 Firebird Formula with a blower and then some...
|
|
|
|
Joined: Jun 2001
Posts: 729
Coder
|
Coder
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 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: In the footer section add: Any instance of: <body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"> Whould be replaced with:
|
|
|
|
Joined: Jan 2000
Posts: 5,834 Likes: 20
UBBDev Owner Time Lord
|
UBBDev Owner Time Lord
Joined: Jan 2000
Posts: 5,834 Likes: 20 |
I replace: <body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"> With: body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
|
|
|
|
Joined: Jan 2003
Posts: 3,456 Likes: 2
Master Hacker
|
Master Hacker
Joined: Jan 2003
Posts: 3,456 Likes: 2 |
|
|
|
|
Joined: Jan 2000
Posts: 5,834 Likes: 20
UBBDev Owner Time Lord
|
UBBDev Owner Time Lord
Joined: Jan 2000
Posts: 5,834 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" 
|
|
|
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.
|
|
Posts: 87
Joined: December 2001
|
|
Forums63
Topics37,575
Posts293,931
Members13,824
|
Most Online6,139 Sep 21st, 2024
|
|
Currently Online
Topics Created
Posts Made
Users Online
Birthdays
|
|
|
|