close

YOOtoppanel

Publish any content here. It's suitable for self presentation, legal information or login module.
YOOtheme
YOOtoppanelModule Information
  • module position: "cpanel"
  • sliding height is configurable

Configuration
Use the template configuration to turned off the Top Panel. How does it look? Click here!


Top Panel
Wednesday, 08 May 2024
  • New! YOOslider

    Keep playing with the new
    YOOslider module.
    Learn more...
  • Latest Gadgets

    Check out the latest
    cutting-edge features.
    Learn more...
  • YOOtheme

    Professional Web 2.0
    Joomla! template club.
    Learn more...
  • Sign up

    Web 2.0 for your site?
    Kick your design from 1999!
    Join today...
Features PDF Print E-mail
Take a look at all the features implemented in this template and read short introduction how to use them. Select a feature from the left to jump to the details.
Client site 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 fast loading.
  • 81,1 KB - all images
  • 58,0 KB - all images without logo
  • 68,32 KB - all javascripts
  • 25,72 KB - all javascripts without the mootools library
Isn't it really small? ;-)

Javascript Compatibility
All scripts are compatible with all modern browsers. More Information...
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 and to stay always with a fixed width.
/*** template parameters ***/
$template_parameters = array(
/* color variation */
"color"               => "black",        /* default (white) | black */
/* item color variation */
"item1"               => "red",          /* default | red | blue | green | yellow | lilac */
"item2"               => "blue",         /* default | red | blue | green | yellow | lilac */
"item3"               => "green",        /* default | red | blue | green | yellow | lilac */
"item4"               => "yellow",       /* default | red | blue | green | yellow | lilac */
"item5"               => "lilac",        /* default | red | blue | green | yellow | lilac */
"item6"               => "default",      /* default | red | blue | green | yellow | lilac */
/* layout */
"dogear"              => true,           /* true | false */
"date"                => true,           /* true | false */
"styleswitcherFont"   => true,           /* true | false */
"styleswitcherWidth"  => true,           /* true | false */
"layout"              => "left",         /* left | right */ 
/* features */
"lightbox"            => true,           /* true | false */
"reflection"          => true,           /* true | false */
"snap"                => false,          /* true | false */
/* style switcher */
"fontDefault"         => "font-medium",  /* font-small | font-medium | font-large */
"widthDefault"        => "width-wide",   /* width-thin | width-wide | width-fluid */
"widthThinPx"         => 780,            /* template width for style "width-thin" */
"widthWidePx"         => 940,            /* template width for style "width-wide" */
"widthFluidPx"        => 0.9,            /* template width for style "width-fluid" */
/* top panel */
"toppanel"            => true,           /* true | false */
"heightToppanel"      => 320,            /* height of the sliding when moving down */
/* text */
"textToppanel"        => "Top Panel",    /* text label for the toppanel */
/* javascript */
"loadJavascript"      => "true"        /* true | false */
);


Did you notice?
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. More Information...

 
Powerd by YOOtheme
Sign up today!
XHTML Validation
CSS Validation
Powerd by YOOtheme