7OXIC
27th April 2007, 06:54 PM
Ok, hopefully you will understand what I'm trying to say:D
I just designed my own style, and am currently in the process of coding it to vB. I have the header and footer working, but I dont know how to make the side bars work. I need to get an image to stretch on the left and right side of the forum to connect the header and footer images together.
Do I need to include this in the header or footer section? If so, how would I do this?
Please help a n0oB:confused:
Edder
27th April 2007, 07:44 PM
In your HEADER template, add the following code at the end:
<table width="100%" cellpadding="0" cellspacing="0" class="bodybg">
<tr valign="top">
<td class="sidebar">
Sidebar content goes here...
</td>
<td>
In your FOOTER template, add the following code at the end:
</td>
</tr>
</table>
Now, you will need to edit your Main CSS to add the class which will display the background image. Scroll down until you see two boxes under "Additional CSS Definitions." In the second box, add this:
.bodybg {
background-image: url(yourdomain.com/bodybg.gif);
background-position: top left;
background-repeat: repeat-y;
}
Make sure you replace "yourdomain.com/bodybg.gif" with the actual URI of your background image.
7OXIC
28th April 2007, 12:02 AM
Well, I dont know what to put in for the sidebar content. I tried messing around but the bars wont go beside the content on the forum, it just goes right above it and below the header.
http://www.7oxic-media.com/images/example.bmp
Hope this helps. Almost all the styles I've seen use them, but I dont know how:(
emma57573
8th June 2007, 06:51 PM
This was a most helpful thread as Ive been trying to get a sidebar but how do I get it on the right hand side of the forum instead of the left?
warner
17th August 2008, 02:20 PM
Nice. I made it. But how can i put the latest post inside of the sidebar? latest 5 to 10 post for example. Is there any code of calling the lates post inside the sidebar? please help?
Floris
28th August 2008, 01:14 PM
You could use a plugin that remotely parses xml feed or rss2 feed from your or other sites, as latest comments. And link to it in the sidebar?
rpguniverse
31st August 2008, 04:47 AM
Hi Im kinda new here but not new with coding but I have to say this style of coding racks even my brain, maybe its because its late at night. Anyhow I have inserted the code given above for the side bar the only problems I am receiving are the following:
1. How to I add borders to the side bars so that you can tell they are there? Do I actually have to create gifs to form the border like in HTML templates? If so thats easy enough.
2. I noticed this bas when I typed in where it says
Sidebar content goes here... and I added this <font color"White">blah blah</font>
But it ends up being higher than my actual forums center section and it also deleted my banner from showing.
So what am I doing wrong and what should I do?
Floris
31st August 2008, 06:22 PM
If you are new to vBulletin coding you should take it a thing at a time.
Start with figuring out how to change the default colors and any overlaying images on top of them. So it looks and feels more like a complete style already.
Only then start considering changing layout such as adding a side bar, revamping the header and footer, or other specific customizations.
And please go to w3school.com (i believe the url was) and learn xhtml 1.0 trans,
in which vB is doing the templates. Not html 3.2