Help with Backgrounds

liunx

Guest
I need help, in my website I have a background that I added in the Style sheets using url to my photobucket account. Now I would like to have diferent background images for the diferent forums. For example:

1. Forum A

2. Forum B

3. Forum C

4. Forum E

5. Forum F

Curently when the users enter the diferent forum the same backgound image is displayed, as I said above what I would like is to maintain the backround image for the layout of the website, but in the same time to have diferent ones when my users enter the forums.

I hope I'm not confusing

Thank you

Unicoruse an embeded style to override the style sheet in each page.
andythanks andy!
But I'm kind of not so good with programming, would you mind to explain it to me a bit better?
Thank you
HTML:
<style type="text/css">
body 
{background-image: url(image.png);}
</style>Above is the code. Can any one help me how to get separate background for the variuse forums I have on the website. Is that possible? I have seen it somewhereWhat programming language drives the forums? You can always generate a bit of css on the fly as the page is built.html

Could you help me please?You can't do what I think of as a forum with HTML. There has to be a forum application behind the pages.Sorry, I'm a bit ignorant to programming could you please explain it in more ordinary temrs. If it helps, its invision free host
css?I'm not familiar with it at all. Maybe someone else here is.in your html you should have somthing like this

<link href=http://www.webdeveloper.com/forum/archive/index.php/"cssstyles.css" rel="stylesheet" type="text/css" />
</head>

to add an embeded style for each page add some lines:

<link href=http://www.webdeveloper.com/forum/archive/index.php/"cssstyles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-image: url(images/background.jpg);
}
-->
</style>
</head>

change the       url(images/background.jpg);

to the image path for the background in each pageEr, andyshep, I already showed the code in my first reply for an embedded stylesheet..er sanim err he err said he was err a bit ignorant err!

you err might of showed the errr code you didnt show where to place it!

err.Thank you Andyship and Sanim, but should I put the code at the Head/Board Wrappers?But this is not what I wanted, sorry I did;t express properly. So what I want is to keep the original backround for the site, but just to have a separate background for one or two forums only. The rest of the forums to keep the old background.well i suppose that you have the same class name for each of the forms and they are on seperate pages, correct?
If so, repeat the code that the other two did, but instead of 'body' change it to the same '.class' that the forum is that you wish to change.Why dont u youse multi class

body{
background: url(images/background.jpg);
}

body.forumA{
background: url(images/backgroundA.jpg);
}

body.forumB{
background: url(images/backgroundB.jpg);
}

<body class="forumA">

U can youse a javaScript to trick it ;)anyoneUni,
I'm not familiar with Invision, but check and see if it allows you to create more than one template, then specify which template to use for the forum.  If you can do this, just copy your original template, add the code andyshep provided, and you should be good to go.
Unfortunately, Invision is not open-source, so you're limited as to the modifications you can make.
 
Back
Top