YOOtools

In 2008 YOOtheme introduced a new product line: YOOtools! YOOtools are exclusive YOOtheme extensions for Joomla!

JS Framework

All client side effects are written and optimized for the mootools framework. Our custom scripts take advantage of this framework to deliver the most reliable functionality in compact size. No Javascript library overload. Mootools version
This template uses Mootools 1.11 Template download sizes
All scripts and images are compressed to minimum size and are very fast loading.

Javascript Compatibility
All scripts are compatible with all modern browsers.
Also most Javascript features can turned on/off in the configuration. A turned off feature will not effect the template anymore.

Template Configuration

This template comes with an huge configuration to make it as flexible as possible and to fit all purposes. Features can turned on/off in the configuration. For example it's no problem to deactivate the Styleswitcher completely. For native 1.5 versions of our templates we used of course the new template parameters feature for the template configuration. Sample Configuration for Joomla 1.0

/* color variation */
"color"               => "black",      /* white | black */
/* layout */
"layout"              => "left",       /* left | right */ 
/* features */
"lightbox"            => true,         /* true | false */
"loadJavascript"      => "true"        /* true | false */
...

Sliced Image Sources

Launch up your Adobe Fireworks and open the fully sliced image source files to get started with some serious customizations! Does some color doesn't match your current taste? Or do you need to match the templates design closer to your clients corporate identity? No problem, start modifying the included image source file to suit your needs. Adobe Fireworks .png file downloadable as zip file.

Tableless CSS Design

Tableless CSS design is the art of building websites without resorting to the use of tables merely for presentational purposes. Instead of tables, CSS (Cascading Style Sheets) positioning is used to arrange elements and text on a web page. This Template is build with tableless CSS design. This improves web accessibility and makes HTML code semantic. For more advantages look at Wikipedia: tableless web design Our tableless CSS design works in nearly every modern browser. Also you can use any Div-Layout with float and clear inside the template.

For Example some left and right floating boxes:

Box A Box B Box C Box F Box E Box D Clearing Box

XHTML&CSS Validation

This template validates to XHTML and CSS web standards. In particular this template is build with tableless CSS design. This template achieves complete separation of the presentation from content and structure using nice and clean XHTML and CSS code.

The major reason for this separation of concerns is to simplify any change from a slight design adjustment to a full-fledged redesign. Furthermore it increases the site accessibility for a wide range of user agent software and devices, like screen readers. You can check the validation of this template at the world wide web consortium by clicking the icons in the footer of this template.

Browser Compatibility

This template is designed to be compatible with all modern browsers. So it provides the best experience to all your visitors.





Fully tested in...

• Firefox 2.0+
• Internet Explorer 6
• Internet Explorer 7
• Safari 3.0+
• Opera 9.0+
• Camino 1.0+

Demo Content

In addition to this template you can download the complete demo content which contains all content from this demo site you see right now. It consists of the database backup as text file and all images used on this site. Database backup and all images downloadable as zip file. So you can set up the whole demo site on your own private webserver. This allows you to check all the backend administration settings and gives you a good start, how to use this template... Re-use of any graphics, icons or photos from the demo content for any purpose is strictly prohibited. The demo content is only for demonstration use.