XHTML&CSS Validation

Napisao/la Dražan Jozić on .

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.



YOOmenu

Napisao/la Dražan Jozić on .

YOOmenu All menus shown on this page are implemented using the YOOmenu system. YOOmenu is a flexible all-in-one menu system right out of the box. It makes it possible to bring you the freshest Javascript menus and a lot of cool features. It just takes your experience to a whole new level.

The YOOmenu introduces to two new stunning menus to the Joomla world. It also comes with two really enjoyable features:
  • Active Item Detection for various color stylings
  • Background images can be set through Joomla!
  • Separates one menu into different outputs

Active Item Detection
With the Active Item Detection the template knows which menu item you are currently browsing. For example set any CSS class depending on the active/current menu item in the body tag. This makes it possible to give each page a different color styling.

Example how the template configuration can look like:
/* item color variation */
"item1"               => "red",          /* red | blue | green | yellow */
"item2"               => "blue",         /* red | blue | green | yellow */
"item3"               => "green",        /* red | blue | green | yellow */
"item4"               => "yellow",       /* red | blue | green | yellow */
...

And the generated template HTML output can look like this, if you are currently in Home (item1)...
<body class="blue">...</body>


Background Images
Using the YOOmenu system background images can be set through Joomla! with the built in Joomla! menu image parameter. Now you can set an image to each menu item in the Joomla! menu administration and it will appear as the items background image.

For example: Take a look at the icons (e.g. new!, web 2.0) in the sub menu or the images in Slider Menu.
After creating a new menu item open it again for editing. Now you can set an image to the menu item parameter in the parameters section. After saving the image will appear as background image behind the menu item.
YOOmenu Configuration

Split Menu
YOOmenu enables you to separate one menu into different outputs displaying certain menu levels. Each output can be placed anywhere on your site.
YOOmenu uses the 'mainmenu' by default. The Slider Menu shows the top level of the hierarchical menu structure. All sub levels of the currently selected top level item will show up in the sub menu on the left.

Tableless CSS Design

Napisao/la Dražan Jozić on .

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. Look at Browser compatibility. 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


Dummy Content

Napisao/la Dražan Jozić on .

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Layout

Napisao/la Dražan Jozić on .

With the module positions it is possible to have a nested right column or a normal right column.
This template also supports a wide variety of module positions and variations. All the modules are fully collapsible. If there is no module published in a certain position, this module position will contract and disappear.

Modules adjust to fit content vertically and horizontally. Many modules come in different colors and varieties. To switch between colors just set a module class suffix in the module properties.
This template supports two general layout option. The "left" module block with the sub menu can be aligned to the left or the right site.
/*** template parameters ***/
$template_parameters = array(
	"layout" => "left"     /* left | right */ 
);

Left aligned


Layout left with module positions

Right aligned


Layout right with module positions