vForums Support > Programming & Coding :: Code Requests & Support :: > [f] Category Image Wrap
[f] Category Image Wrap - Posted By dog199200 (dog199200) on 7th May 08 at 11:03pm
can i please get a code that will allow me to add images on the side of the categories to make ti look as if the head/base images wrap around the categories? it should really also make it so that it wraps around the logo as well as the info center, pm menu and anything like these things.
Re: Category Image Wrap - Posted By dog199200 (dog199200) on 12th May 08 at 2:31am
bump
Re: Category Image Wrap - Posted By Michael (wrighty) on 12th May 08 at 6:12pm
Have you got a link to an image you want in the bg?
Re: Category Image Wrap - Posted By dog199200 (dog199200) on 13th May 08 at 9:26pm
no not yet, i wasn't going to make it till i know the code was going to be made, but i'm not going to be home until thursayd so could i just have the code made and i'll add in the image later.
Re: Category Image Wrap - Posted By Michael (wrighty) on 14th May 08 at 8:13pm
ok, I'll get to this thursday evening as I have an exam on Thursday! {Smile}
Re: Category Image Wrap - Posted By Michael (wrighty) on 15th May 08 at 4:23pm
try this:

<style>
#forum .slip_bg {
    width: WIDTH OF IMAGE;
    margin: auto;
    background-image: url(IMAGE LINK);
    background-position: 0px center;
}

#forum .slip_bg .border{
    width: WIDTH OF BOARDS !important;
    margin: auto;
}
</style>


Edit red parts

Global Header
Re: Category Image Wrap - Posted By dog199200 (dog199200) on 18th May 08 at 4:54pm
ok so like this? if not then i am doign ti wrong

Code:
Select All
 
  1. <style>
  2. #forum .slip_bg {
  3.     width: 1;
  4.     margin: auto;
  5.     background-image: url(http://i25.photobucket.com/albums/c51/dog199200/pokemon/bar.jpg);
  6.     background-position: 0px center;
  7. }
  8.  
  9. #forum .slip_bg .border{
  10.     width: 700 !important;
  11.     margin: auto;
  12. }
  13. </style>
 
Re: Category Image Wrap - Posted By Michael (wrighty) on 18th May 08 at 5:23pm
you're trying to use an image that wont work! {Unsure}

and I meant the code like this:

<style>
.slip_bg{
width: 100%;
align: center;
background-image: url(http://i25.photobucket.com/albums/c51/dog199200/pokemon/bar.jpg);
}
.slip_bg .border{
width: 80% !important;
align: center;
}

</style>

Sorry... Edit the widths! {Smile}