Border Image

Asi9ine · 10-15-2006, 04:57 AM

I guess IM / PM won't get me anywhere, so here goes.

How do I insert images as borders on the outside of the body frame? I have tried but to no avail, especially as I plan to work it so that I have a main border image at the top left and top right alongside the banners, then a repeating border image which would be the gradient tubing minus the particular images. It is supposed to repeat in this way because I don't want to see the main image border every 1000 pixels down. I don't want it to be more than that, because the page loading would kill the site.

I'm bored of coming up with wrong answers for it, and I am aware that you guys know how to do it. All help would be appreciated.

**Fragalot** · 10-15-2006, 06:26 AM

well, the borders you see here are only a few pixels in height. they just repeat wich is done locally, so you don't waste any loading time on that.

it's simply done with some CSS.

wrap a table arround your website wich looks how the borders should be looking.
then use CSS like this:

style="
background-image: url('YOURIMAGE');
background-repeat: repeat-x; #This goes horizontally, repeat-y goes vertically, repeat goes everywhere, and no-repeat doesn't repeat the image. but shows it just once.

width: 100px;
height: 100%;
}

That should do it for you I think.

if you talk about forums, edit the overall header and overall footer to get the table arround everything. -- Have fun

if you don't get what i just said, tell me, or just add me to msn or yahoo or icq

you can also find me on irc on irc.freenode.net - #gentoo-uk or #gentoo-chat

Asi9ine · 10-15-2006, 08:33 AM

I was using this:

#000000 url(path/to/image.gif) repeat-x;

It didn't work though. I've not wrapped this right either, so I have added you to MSN.

**Fragalot** · 10-15-2006, 10:13 AM

seems we got it sorted

if you have any other problems, don't hesitate to ask.

**Sean** · 10-16-2006, 06:57 PM

Using the no-repeat on the background, will fix this problem.

Just goto vBulletin ADMINCP to change CSS properties

**Fragalot** · 10-18-2006, 02:49 AM

or like we discussed, you could make it so the top fits the bottom, and repeat-y it

otherwise it messed up.. didn't look too good.

ofc, if you change your image, you could make it so it looks good even if it's shown completely.