| This topic was locked 3rd Apr 08 at 1:32am by Michael |
LEG7930
Junior Member
![[Avatar]](http://i29.tinypic.com/2vb654h.jpg)
RPG Forum Coming Soon!
Posts: 51
Status: Offline
Gender: Female
Location: USA
Age: 33
Joined:
pmwwwmsnyahooaim | | [F] Border Around Whole Forum (2nd Apr 08 at 11:22pm UTC) | | 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!
 | |
 .L.E.G.7.9.3.0. |
|
ajay
Guest | | Re: Border Around Whole Forum (2nd Apr 08 at 11:35pm UTC) | | | Do you have the images you want for the border or is it just black? | |
|
Michael
Moderator
![[Avatar]](http://av.wservices.co.uk/av.png)
Recoding the future
Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:
Additional Groups:
Coding Team
pmvForum | | Re: Border Around Whole Forum (3rd Apr 08 at 12:00am UTC) | | 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? | |
|
LEG7930
Junior Member
RPG Forum Coming Soon!
Posts: 51
Status: Offline
Gender: Female
Location: USA
Age: 33
Joined:
pmwwwmsnyahooaim | |
Michael
Moderator
Recoding the future
Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:
Additional Groups:
Coding Team
pmvForum | | Re: Border Around Whole Forum (3rd Apr 08 at 1:11am UTC) | | 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!  | |
|
