vForums Support Banner



 

Welcome Guest! Please Login or Register
vForums Support :: Programming & Coding :: Code Requests & Support :: [f] Category Image Wrap - View Topic
Topic Rating: *****
Printable View
This topic was locked 24th May 08 at 10:01am by Michael
dog199200
Guest
[f] Category Image Wrap (7th May 08 at 11:03pm UTC)
Resolved
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.
dog199200
Guest
Re: Category Image Wrap (12th May 08 at 2:31am UTC)
bump
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Category Image Wrap (12th May 08 at 6:12pm UTC)
Have you got a link to an image you want in the bg?
dog199200
Guest
Re: Category Image Wrap (13th May 08 at 9:26pm UTC)
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.
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Category Image Wrap (14th May 08 at 8:13pm UTC)
ok, I'll get to this thursday evening as I have an exam on Thursday! {Smile}
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Category Image Wrap (15th May 08 at 4:23pm UTC)
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
dog199200
Guest
Re: Category Image Wrap (18th May 08 at 4:54pm UTC)
ok so like this? if not then i am doign ti wrong

Code:
 
  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>
 
Michael
Moderator
*****

[Avatar]
Recoding the future

Posts: 4,043
Status: Offline
Gender: Male
Location: UK
Joined:  

Additional Groups:
Coding Team
***


Reputation: 58%  


pmtwittervForum
Re: Category Image Wrap (18th May 08 at 5:23pm UTC)
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}
 Printable View

All times are GMT+0 :: The current time is 9:33pm
Page generated in 0.1588 seconds
This Forum is Powered By vForums (v2.4)
Create a Forum for Free | Find Forums