Random background

background-repeat:no-repeat !important;background-position:center !important;
This way, the background stays in the middle, no matter what screen resolution the user has. This is also important, because I make the backgroundfile smaller by cutting a large slice out of the image in the middle, the part that cannot be seen anyway. This way my background pictures that I size 1900*1200 do not exceed 200kb.
Also important:
set background color to: 'transparent'
enjoy this fantastic module!!
It's working perfectly in FF, Safari, Chrome,... but IE9 nothing! Is there any trick and do you also experience the same problem?
Then I came across this module. I tried it, but didn't know how to get it working. All the comments said: easy as pie. I was thinking: am I stupid or what? So I looked for further installation instructions and found some on the website. Especially the sentence 'place a module tag in your template' didn't sound familiar to me. I experimented and finally got it working!! I placed the code in the index.php file of my template and then selected the module position (user1) and I also places this code inside my template.css to make the background fixed:
/* body background */
body {
background: 0 0 fixed !important;}
The brilliant thing is now, that I can make endless copies of this module and create a personal look and feel for each and every ID of my menu. If you want to, you can make hundreds or thousands of different backgrounds for every menupoint if you like, without making things too complicated. By changing the images in the selected directories, you can regularly change the backgrounds and keep the looks of your site fresh. I'll definitely make a donation for this one!
Here are the installation instructions from the website:
Background module - installation instructions
The Background module works just like a normal Joomla module. Use the following steps to get the Background module working:
Step 1:
Install the background module via the Joomla extensions installer (Extensions -> Install/uninstall).
Step 2:
Place a module tag in your template, for example:
Important! You can place the module tag where you want in the template, but after the CSS reference line.
Step 3:
Navigate to the background module settings in the Joomla module list (Extensions -> Module manager).
- Set the right position (in this case: user1)
- Choose an image (or set a directory) from the select list in the module parameters and publish the module.
NOTE! Those having problems with this extension. In Joomla 1.6 the syntax changed from 1.5 so you won't get any options to configure if you install it in 1.6 or 1.7.
I've updated the XML file so it works for 1.6 and 1.7. Install the extension like you normally would and than get this http://ubuntuone.com/p/1A67/ updated xml file and you'll be able to configure the extension,
@victorjonsson thank you!
the background module is updated for Joomla 1.6 and 1.7 and available from our download page
Thanks
Thanks for this great module!
Nice extension, easy install and works fine !
I managed to center the image easily by adding some css in the module configuration panel.
But I would like to have my background image fitting the size of the page on all resolutions, would that be possible ? How ?
Hoping for answers,
Best regards,
Shapes
This is an easy fix simply replace this line:
if (eregi('jpg', $img) || eregi('png', $img) || eregi('gif', $img)
for this:
if (preg_match('/jpg/i', $img) || preg_match('/png/i', $img) || preg_match('/gif/i', $img)
Hope that helps!



