Change background image on each page

Everything to do with Joomla! 1.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Locked
etiennehpj
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 110
Joined: Fri Jun 06, 2008 6:46 pm

Change background image on each page

Post by etiennehpj » Mon Aug 11, 2008 10:55 pm

Hi,

I'm looking for a solution (devlopment or component) to change the site background image.
The current image is the same for the entire web site, it's associated to the css <div id="wrapper"> element.

I'd like to dinamically change this image, depending of the page we're visiting.

Thanks for your help / comment

User avatar
dextercowley
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3286
Joined: Sun Apr 06, 2008 4:44 am
Location: Seattle, WA, USA

Re: Change background image on each page

Post by dextercowley » Tue Aug 12, 2008 4:19 am

Hi. One way to do this is to use the Page Class Suffix parameter on the menu item edit / parameters. This adds the suffix to the css class for the page. Then you can go into the CSS file in your template and style the different classes the way you want.

The best way to see this is to go into one menu item and add a page class suffix. Then go look at the source code for that page and see where the suffix gets added. Then you can add these classes to your CSS file. You might need to add these classes to your component headings. Here is a post with a little more information: http://forum.joomla.org/viewtopic.php?f=428&t=309178

Note that this might not work on all templates, so you'll need to try it and see. Hope this helps. Please post back with your results. Thanks. Mark
Mark Dexter
"Well...how did I get here?"

etiennehpj
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 110
Joined: Fri Jun 06, 2008 6:46 pm

Re: Change background image on each page

Post by etiennehpj » Tue Aug 12, 2008 12:58 pm

Hi Mark,
Thanks for the link, it's usefull.
Changing the item suffix won't be enought for my website since I don't want to change only the content background but the entire page, footer and header as well.

User avatar
dextercowley
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3286
Joined: Sun Apr 06, 2008 4:44 am
Location: Seattle, WA, USA

Re: Change background image on each page

Post by dextercowley » Tue Aug 12, 2008 4:30 pm

Hi. Well the simplest thing might be to create different templates and then use the template manager to assign the different templates to the different pages. Go to template manager, select a non-default template, and open if for editing. It allows you to assign this template to selected menu items. Hope this helps. Mark
Mark Dexter
"Well...how did I get here?"

etiennehpj
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 110
Joined: Fri Jun 06, 2008 6:46 pm

Re: Change background image on each page

Post by etiennehpj » Tue Aug 12, 2008 5:35 pm

Yes it helps.

Thanks, we'll try this.

tracyselena
Joomla! Apprentice
Joomla! Apprentice
Posts: 46
Joined: Mon Oct 30, 2006 5:12 pm
Location: Toronto
Contact:

Re: Change background image on each page

Post by tracyselena » Tue Sep 09, 2008 5:40 pm

did you figure this out...i want to do the same thing..

using a separate template seem like a lot of maintenance over time ...

User avatar
dextercowley
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3286
Joined: Sun Apr 06, 2008 4:44 am
Location: Seattle, WA, USA

Re: Change background image on each page

Post by dextercowley » Tue Sep 09, 2008 5:51 pm

Hi. Actually, separate templates would probably be the easiest method over time. The effort would be up front to create the templates. It's not very hard, but it does involve copying files and editing some XML. But once that is done, assigning them to different pages is very easy. Mark
Mark Dexter
"Well...how did I get here?"

tracyselena
Joomla! Apprentice
Joomla! Apprentice
Posts: 46
Joined: Mon Oct 30, 2006 5:12 pm
Location: Toronto
Contact:

Re: Change background image on each page

Post by tracyselena » Tue Sep 09, 2008 6:00 pm

ok...i will give it a shot..thank you for the quick response.

T

miggeli
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Sun Nov 18, 2012 2:34 pm

Re: Change background image on each page

Post by miggeli » Sun Nov 18, 2012 2:43 pm

Hi,
I do already use different styles and a parameter to define background images on each page and it's working fine.
However, I would like to fade out the old background image, when changing to the new page, and at the same time fade in the background image of the new page. Is there any easy way to do it? My idea was to use two layers on the same position and maybe send the old image somehow to the new page to be able to fade out there (jQuery?). Is that possible? Or is there any intelligent joomla extentions to manage that? I am really a newbie in programming and would need some help...
Thanks for your help and any ideas,
miggeli

bala_rs
Joomla! Apprentice
Joomla! Apprentice
Posts: 17
Joined: Sat Dec 01, 2012 11:42 am
Location: coimbatore

Re: Change background image on each page

Post by bala_rs » Wed Dec 05, 2012 8:45 am

rsb

othoung
Joomla! Apprentice
Joomla! Apprentice
Posts: 14
Joined: Tue Dec 25, 2012 12:43 pm

Re: Change background image on each page

Post by othoung » Thu Dec 27, 2012 9:04 am

kind of valuable information here, I was searching for so many ways to change my website background image and color in each page so it will looks more interesting and great

hamrecycling
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Tue Jan 08, 2013 6:18 pm
Contact:

Re: Change background image on each page

Post by hamrecycling » Tue Jan 08, 2013 6:25 pm

was wondering the same, thanks a bunch :)

Sudhaaj
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Wed Jun 08, 2016 5:41 am

Change background image on each page

Post by Sudhaaj » Wed Jun 08, 2016 6:11 am

Hi,
I'm looking for a solution (devlopment or component) to change the site background image.
The current image is the same for the entire web site
I am using anacron template
I'd like to dinamically change this image, depending of the page we're visiting.

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2711
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: Change background image on each page

Post by AlexVega » Wed Jun 08, 2016 11:16 pm

Sudhaaj wrote:I'd like to dinamically change this image, depending of the page we're visiting.
Hi there,

You can do this via CSS using background image, for example you can assign different stylesheets to
each menu item:

- http://extensions.joomla.org/extensions ... itch-basic

Cheers.


Locked

Return to “Templates for Joomla! 1.5”