View Full Version : Image border
eddieeddie
03-27-2003, 09:19 PM
I have searched and for threads about how to make a border along the side of your forums, like http://www.osxserver.ch/forums/
I have tried looking at the ones for a border and modifying it by adding a picture instead of just a line, but no luck. If anyone knows how please help.
Thanks.
imported_Blindchild02
03-29-2003, 02:31 PM
*also was lookin for it*
Buddha
03-29-2003, 03:34 PM
i thought you'd gotten this to work blindchild02?
all you have to do is nest your forum within another table. so create a table with the images and with a blank td in the middle that you place your forum within.
it all depends on the size of the images and wether you want it to frame the entire forum or just the sides or just the top and bottom. also depends on whether you'll be using CSS to set those background images or HTML... i recommend CSS.
so in the header template, just add the top portion of the new table that will have the background frame, as well as the left side (if you're doing the sides as well), and then in the footer template, add the right side td (if you are doing the sides as well) and the bottom.
example
you would put something like this at the very top of your header template, being careful to edit it so that it matches your forum (style, size, image locations, etc). if you don't understand this, go to www.w3schools.com and brush up on your html, k?
<table><tr><td background="TOP IMG URL" colspan=3 width=XX height=XX></td></tr><tr><td background="LEFT SIDE IMG URL" width=XX></td><td>
then in your footer, you'd place your right side and the bottom.
</td><td background="RIGHT SIDE IMG URL" width=XX></td></tr><tr><td background="BOTTOM IMG URL" colspan=3 width=XX height=XX></td></tr></table>
and you're done.
again, make certain to adjust your width as well as your height for the top and bottom tags, and tinker with it until it's just right. i suggest you use CSS instead, but that's a personal preference.
as a last note, this won't add nice rounded off corners to your forum, as you would need to create each corner seperately and place them into their own td's in the corners, which then affects the colspans and such within all of the above noted example. if you plan to go that advanced, then study tables at w3schools, and git to work... lol.
imported_Blindchild02
03-29-2003, 06:35 PM
nah i got the rounded BG to work, not image border
eddieeddie
03-29-2003, 08:48 PM
I figured out how to get this to work yesterday, but it stops half way down the forums, I am now looking through templates to find what is closing my <td>
Do you happen to know off hand the method to do it via css, I found some things online, but they wouldnt work.
Buddha
03-29-2003, 09:21 PM
just set the images as bg through a linked css stylesheet, and then set the width and height of the tables.
eddieeddie
03-29-2003, 11:58 PM
I dont know how to do it viw the css.
Buddha
03-30-2003, 01:34 PM
check www.w3schools.com and they have a css section. that will help greatly.
good luck.
eddieeddie
03-30-2003, 01:51 PM
I couldnt see anything on how to make an image a border with CSS
Buddha
03-30-2003, 06:25 PM
you have to create the tables around the outer edge that act as the border, and then set the image as the background in those tables using css.
eddieeddie
03-30-2003, 11:30 PM
I made the images, I dont know how to make them the border via css
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.