Mainbody Background changes with different pages

initsoul · **Joined:** Sat Mar 22, 2008 12:58 pm **Posts:** 9

hello,

I am using a custom template to display 5 pages.

the right side of the page is an image and left side is the mainbody();

Mainbody has a background image.

I need to change this background image for different pages.

Page 1 has background 1
Page 2 has background 2 and so on..

Thanks

stevsurf · **Posted:** Tue Dec 02, 2008 2:39 pm

I too would like to know the answer.
Please someone answer this query.
Thank you

mikegt · **Joined:** Wed Sep 24, 2008 3:22 pm **Posts:** 21

Each page will have a different Itemid with your Joomla site.

If you allocate a class to body in the php, suffixed with the item-id
eg. <body class="page<?php echo $Itemid; ?>">

Then you can specify diferent backgrounds for each page in CSS
eg. body.page1 {background:....}
body.page2 {background:....}

Hope this is of help Mike.

stevsurf · **Posted:** Thu Jan 08, 2009 5:58 pm

Mike, thanks for your help.

SebastiaanG · **Joined:** Fri Oct 30, 2009 8:59 am **Posts:** 2

I still cant get it to work.. could anyone please be more specific about where I should add the code's etc.

for example, the Itemid of my page is 5, so the code in the php should be

<body class="page1<?php echo $Itemid=5; ?>">

the CSS would be

.body.page1 { background: url(../images/testbg.png); }

but it still does not work... could anyone help me out?

p.s. I'm not quite sure where to exactly put the PHP code...

Joomla! Discussion Forums

Forum rules

Mainbody Background changes with different pages

Quick reply

Who is online