Register
Introduction
A basic list of features regarding the May 2010 Joomla Fusion template by Shape 5.
Color Presets
Fusion includes up to six color presets available for you to choose from.
Frontpage Display
Edited version of the S5 Frontpage Display 2 module released originally in Forever Ace 2.
Documentation
Need help setting up Fusion or configuring the modules that are included with it?
The S5 Accordion menu is demo'd on the right of this page.

This module is based off the Joomla main menu system module so you can still specify which Joomla menu you want to use with the S5 Accordion menu. The menu is powered off of the Mootools Javascript library but detects to see if the library is already initialized, if so then it doesn't load its own library to stop any conflicts from arising.

I like what I see! I want to JOIN TODAY.

Site Shaper


So what are Site Shapers? They are quick installs of Joomla combined with all the modules, images, etc used on our demo. Within a few minutes you can have your site up, running and looking just like our demo. No more importing SQL dumps and installing modules. Just head on over to the download section of this template and grab a Site Shaper. Simply install the Site Shaper like any other Joomla installation, it's that easy!

How to setup a Site Shaper


Note - please read the entire tutorial. If you already know how to install Joomla then just install the site shaper just like a regular Joomla install, if you don't know how to install Joomla continue reading.

  • Login to your cpanel or your server admin panel.
  • Locate the area where your databases are (usually labeled Mysql Databases)
  • Create a new database
  • Next create a new database user and assign it to this newly created database in the previous step
  • You will then need to extract the site shaper to either a folder on your server or the root directory such as WWW. NOTE: if you already have a website in the root of your WWW folder, we suggest creating a new folder and extract the site shaper there. If your cpanel does not have an extract option or you cannot find it, you may also extract the contents of your site shaper in to a folder on your desktop and upload all the files via an ftp client to your server.
  • Next, navigate to the url where you extracted the site shaper via your web browser.
  • Continue through each screen until you reach the below screenshot:



  • At the above screen be sure to enter localhost as shown, continue to fill in the following text fields with your newly created database and username information
  • Follow through the rest of the site shaper setup and click the install sample data at the last screen and the installation is complete! (be sure to rename/remove the installation directory after finishing the install)


SQL Dumps


It is highly recommended that you use a Site Shaper if you want to get your site looking like our demos. If you just want the data we have used then an SQL dump is for you.

  • Login to your phpmyadmin via cpanel or another server database admin panel.
  • Navigate to the database your Joomla install is using
  • Select all tables and drop them. (NOTE: This will delete all your website data on this current Joomla install)
  • Next, click import and import the SQL dump we provide
  • Now you are done, just login via your Joomla admin with username=admin and password=admin
The Shape 5 CSS and JS Compressor plugin is the most revolutionary and flexible compressor plugin available for Joomla! This plugin can be used on any Joomla template. Read the full description below to see why.

The CSS and JS Compressor increases speed and performance by compressing your site's CSS and Javascript files to much smaller sizes than the original and places them in a cache folder on your server. No data is lost during this process, just simply made smaller. So what makes our's better than the rest? One word, FLEXIBILITY! Read below for a full description:
  • All other plugins force all CSS and JS to be combined into one file of JS and file of CSS. Our compressor plugin gives you the option to:
    • Only compress module files
    • Only compress component files
    • Only compress non-module and non-component files
    • Or combine any of the above
    The point is you can control what gets compressed independent of each other.
  • All other compressor plugins combine javascript files into one large file, called at the top of the page. The problem is javascript almost always needs to be called in a certain order or it will cause page errors. Calling a file at the top of the page that was originally intended to be called in a certain order will cause unwanted results. So we've fixed this and given you three options:
    • Call the compressed javascript at the top of the page in a combined file
    • Call the compressed javascript at the bottom of the page in a combined file
    • Call the compressed javascript in their original locations as individual files
    The first two ways will generate three files (module js, component js, and other js files) and will create less calls to your server. However, we HIGHLY recommend the use of the third option. This option will generate the same amount of calls to your server as without the plugin but will still compress your javascript to a much smaller size all while still being called in the original location to avoid script errors, in other words less download time for your viewers and no script errors!
  • Need to exclude certain files? Not a problem! This plugin will allow you to specify certain file names to be excluded from compression despite any previous settings.
  • Specify in the backend how long you want your cache to stay on your server. After the time has completed a new cached version of your files will be created.
  • Eliminate unwanted white space in your files be enabling CSS Optimization. This feature will remove any un-used white space to reduce the size of each CSS file.

Note: Because this plugin uses cached versions of your javascript and css this plugin should not be used while developing your site and should only be enabled after you have completed your site.

Gzip must be installed on your server and enabled in PHP in order to function.

See This Plugin in Action!

Without the Shape 5 CSS and JS Compressor Enabled:

With the Shape 5 CSS and JS Compressor Enabled a 72% DECREASE IN DOWNLOAD SIZE!


I like what I see! I want to JOIN TODAY.

 

Note - The tool tips script is by default disabled. If you wish to use it you must enable this script in the template's configuration area. This also includes site shaper installations.


Demo 1:

<a onmouseover="Tip('This is a sample tooltip.', WIDTH, 140, OPACITY, 80, ABOVE, true, OFFSETX, 1, FADEIN, 200, FADEOUT, 300,SHADOW, true, SHADOWCOLOR, '#000000',SHADOWWIDTH, 2, BGCOLOR, '#000000',BORDERCOLOR, '#000000',FONTCOLOR, '#FFFFFF', PADDING, 9)" href="http://www.shape5.com/demo/etensity/"><br /><br /> <img class="boxed2" alt="" src="http://www.shape5.com/demo/smart_blogger/images/tooltip.jpg"/><br /><br /> </a></div> <p><br /> <a href="http://www.shape5.com/demo/etensity/"> <img class="boxed2" src="http://www.shape5.com/demo/smart_blogger/images/tooltip.jpg" border="0" />


Demo 2:

 

<a href="/index.htm" onmouseover="Tip('Image Demo<br /> <br /><img src=http://www.shape5.com/demo/smart_blogger/images/tooltip.jpg width=220 height=147>')">Demo 2 Image Tool Tip </a></div> <p><br /> <a href="index.htm"><strong>Demo 2 Image Tool Tip</strong><br /><br /> <br /> <strong> Demo 3: </strong> <p> </p> <div class="code"><a href="#" onmouseover="Tip('Image Demo<br /> <br /><img src=http://www.shape5.com/demo/smart_blogger/images/tooltip.jpg width=220 height=147>',SHADOW, true, BGCOLOR, '#000000', FADEIN, 400, FADEOUT, 400, SHADOWCOLOR, '#000000', BORDERCOLOR, '#000000',OPACITY, 90,FONTCOLOR, '#FFFFFF')"><strong>Demo 3 Image Tool Tip</strong></a></div> <p><a href="#"><strong>Demo 3 Image Tool Tip</strong> <br /><br /> <p> </p> </div> </div> </div>"
The S5 Live Search module is demo'd at the top of this page and can be used on any Joomla template.

Allow your users to search quickly and without loading or refreshing pages with our amazing ajax search module! Simply publish the module to the 'search' position.



I like what I see! I want to JOIN TODAY.


1. Search Setup

  • Publish the default Joomla search module or the S5 Live Search module to the 'search' position.
  • Set the margin-left of the search to 172 in the module's backend if using the live search module, adjust these settings as needed
  • This position was only designed for search modules, not content.



2. Column Menu Setup

  • There are no menu style suffixes applied under advanced parameters.
  • The menu style should be set to list.

 

 

3. Footer Menus


  • Publish any menu to the user3 - user8 positions.
  • There are no menu style suffixes applied under advanced parameters.
  • The menu style should be set to list
Copyright © 2026. rifqi. Designed by Shape5.com Joomla Templates

S5 Box

Login Form

S5 Register

*
*
*
*
*
*

Fields marked with an asterisk (*) are required.