vForums Support > Programming & Coding :: Code Requests & Support :: > [F] Border Around Whole Forum
[F] Border Around Whole Forum - Posted By LEG7930 (lauren) on 2nd Apr 08 at 11:22pm
Hey, I am wanting a code that does this: This except for vForums, not Proboards. If that is possible, that would be great, and would help me while making templates. So Thanks!
If you need any additional information feel free to ask!
Re: Border Around Whole Forum - Posted By ajay (ajay) on 2nd Apr 08 at 11:35pm
Do you have the images you want for the border or is it just black?
Re: Border Around Whole Forum - Posted By Michael (wrighty) on 3rd Apr 08 at 12:00am
Try this: (untested as I have no images!
)
Global Header:
<style>
#back {
background-image: url('LINK TO IMAGE');
background-repeat: repeat-y;
background-position: center top;
}
#foot {
background-image: url('LINK TO IMAGE');
background-repeat: no-repeat
width: Image WIDTH;
height: image HEIGHT
background-position: center top;
}
</style>
<div id="hold" align="center"></div>
<div id="back">
Global Footer:
</div>
<div id="foot" align="center"></div>
<script>
get('hold','id').appendChild(get('table','tag')[1]);
</script>
Modify the CSS at the top of the code to alter the background (back) or the foot image (foot)
If that doesn't work, can you provide some images?
Re: Border Around Whole Forum - Posted By LEG7930 (lauren) on 3rd Apr 08 at 1:06am
http://legtest.vforums.co.uk/
http://i31.tinypic.com/inbyie.jpg
http://i31.tinypic.com/2db2hhh.png
http://i29.tinypic.com/audv2r.png
Re: Border Around Whole Forum - Posted By Michael (wrighty) on 3rd Apr 08 at 1:11am
try this:
G. Header
<style>
#back, .menu {
background-image: url('http://i31.tinypic.com/2db2hhh.png');
background-repeat: repeat-y;
background-position: center top;
}
#foot {
background-image: url('http://i29.tinypic.com/audv2r.png');
background-repeat: no-repeat;
width: 100%;
height: 123px;
background-position: center center;
}
</style>
<div id="hold" align="center"></div>
<div id="back">
G. Footer
</div>
<div id="foot" align="center"></div>
<script>
get('hold','id').appendChild(get('table','tag')[1]);
</script>
That should work fine now. Also just to be nice I changed the menu bg for you! ^_^. Also, make sure you use the Remove Border Around Banner code!