Change background image on each page
Moderator: General Support Moderators
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
-
- Joomla! Enthusiast
- Posts: 110
- Joined: Fri Jun 06, 2008 6:46 pm
Change background image on each page
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
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
- dextercowley
- Joomla! Virtuoso
- Posts: 3286
- Joined: Sun Apr 06, 2008 4:44 am
- Location: Seattle, WA, USA
Re: Change background image on each page
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
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?"
"Well...how did I get here?"
-
- Joomla! Enthusiast
- Posts: 110
- Joined: Fri Jun 06, 2008 6:46 pm
Re: Change background image on each page
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.
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.
- dextercowley
- Joomla! Virtuoso
- Posts: 3286
- Joined: Sun Apr 06, 2008 4:44 am
- Location: Seattle, WA, USA
Re: Change background image on each page
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?"
"Well...how did I get here?"
-
- Joomla! Enthusiast
- Posts: 110
- Joined: Fri Jun 06, 2008 6:46 pm
Re: Change background image on each page
Yes it helps.
Thanks, we'll try this.
Thanks, we'll try this.
-
- Joomla! Apprentice
- Posts: 46
- Joined: Mon Oct 30, 2006 5:12 pm
- Location: Toronto
- Contact:
Re: Change background image on each page
did you figure this out...i want to do the same thing..
using a separate template seem like a lot of maintenance over time ...
using a separate template seem like a lot of maintenance over time ...
- dextercowley
- Joomla! Virtuoso
- Posts: 3286
- Joined: Sun Apr 06, 2008 4:44 am
- Location: Seattle, WA, USA
Re: Change background image on each page
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?"
"Well...how did I get here?"
-
- Joomla! Apprentice
- Posts: 46
- Joined: Mon Oct 30, 2006 5:12 pm
- Location: Toronto
- Contact:
Re: Change background image on each page
ok...i will give it a shot..thank you for the quick response.
T
T
-
- Joomla! Fledgling
- Posts: 1
- Joined: Sun Nov 18, 2012 2:34 pm
Re: Change background image on each page
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
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
-
- Joomla! Apprentice
- Posts: 17
- Joined: Sat Dec 01, 2012 11:42 am
- Location: coimbatore
Re: Change background image on each page
this may be helpful to you http://www.hyde-design.co.uk/free-jooml ... d-selector
rsb
-
- Joomla! Apprentice
- Posts: 14
- Joined: Tue Dec 25, 2012 12:43 pm
Re: Change background image on each page
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
-
- Joomla! Fledgling
- Posts: 1
- Joined: Tue Jan 08, 2013 6:18 pm
- Contact:
Re: Change background image on each page
was wondering the same, thanks a bunch
-
- Joomla! Fledgling
- Posts: 1
- Joined: Wed Jun 08, 2016 5:41 am
Change background image on each page
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.
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.
- AlexVega
- Joomla! Hero
- Posts: 2711
- Joined: Fri Aug 28, 2015 6:13 am
- Location: México
Re: Change background image on each page
Hi there,Sudhaaj wrote:I'd like to dinamically change this image, depending of the page we're visiting.
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.