Select background

This template has been quite an undertaking - solving transparency issues for older browsers and getting the hang of some of the powerful new tools available to the Joomla 1.5 template developer.

We're releasing this as a beta version - It's been tested on Firefox, Internet Explorer 6+7 and Safari 3.

Please do report any bugs or inconsistencies you find in the Joomlabear forums - we will try to fix them ASAP.

Enjoy!

You can find the download here.

Hit the Read More button for more info...

Features

Background image parameters can be adjusted in the template manager - within your Joomla admin area. A brief overview follows in the Read More - detailed explanation of the parameters below this article.

Up to 6 background images can be used - the background thumbnails module (seen above) can be hidden. One image from the range can be defined as the default image. You may also set it to choose a random background image from the range for each new page load.

The background images need to be in the JPG format and are stored in a directory called background_images inside the template directory (i.e. yoursite.com/templates/transparent_bliss_1.5/background_images/)

The background images are named background1.jpg, background2.jpg, etc, etc. You can replace these images with your own - just rename your new images background1.jpg, etc.

If you want to display your own thumbnails for background image selection these can also be found in the same background_images directory. These are named thumb1.jpg, thumb2.jpg, etc. Just replace them with your own thumbnails - We have sized ours to 72 pixels X 72 pixels square - you may adjust this size slightly if you wish but the images will probably look best if the thumbs are all of a uniform size. The thumbnail images also have a 5 pixel margin applied on all sides so take this into account if you are altering the size - the total width may not exceed 560 pixels - more info below.

The central content area is 600 pixels wide with 20 pixels of padding on each side - giving a total usable width of 560 pixels. The left and right columns are 180 pixels wide with 10 pixels of padding left and right, giving a total usable width of 160 pixels. It may be good to note these widths for future reference - you obviously don't want to publish any images within your main content that exceed the 560 pixel width limit or they will burst out of the template!

Module Positions

Please see the image below for the included positions.

Things to note are as follows:

The User5 module position at the very top of the page to the right of the logo - this has been sized specifically for a banner advertisment - 728 pixels wide X 90 pixels. Most Ad networks provide banners at this size including Google Adsense as in our banner example above.

User3 at the bottom of the page is also setup for a small banner Ad. The width of this module is 468 pixels and it is centered in the content frame. This width could be modified easily in the template.css - just look for the Div Id #BottomModule and make any necessary adjustments.