Home
Register

User Friendly Admin Area

Not a programmer? Don’t worry the Shape 5 Vertex framework is very robust and very easy to use, and requires no programming experience. Easily adjust module and column widths with sliders, flip switches to turn on/off options and much more! Learn More...

This is a sample blockquote. Use <blockquote><p>Your content goes here!</p></blockquote> to create a blockquote.

<div class="s5_greenbox"> <div class="point"> Your text here </div> </div>


<div class="s5_redbox"> <div class="point"> Your text here </div> </div>


<div class="s5_bluebox"> <div class="point"> Your text here </div> </div>


<div class="s5_graybox"> <div class="point"> Your text here </div> </div>

This is a styled box. Use <div class="black_box">Your content goes here!</div>

This is a styled box. Use <div class="gray_box">Your content goes here!</div>

This is a styled box. Use <div class="red_box">Your content goes here!</div>

This is a styled box. Use <div class="blue_box">Your content goes here!</div>

This is a styled box. Use <div class="green_box">Your content goes here!</div>

This is a styled box. Use <div class="yellow_box">Your content goes here!</div>

This is a styled box. Use <div class="orange_box">Your content goes here!</div>

This is an image with the "boxed" class applied:



This is an image with the "boxed_black" class applied:



This is an image with the "padded" class applied:



Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

This is a sample code div. Use <div class="code">Your content goes here!</div> to create a code div.

#s5_code { width: 30px; color: #fff; line-height: 45px; }

  1. This is an Ordered List
  2. Congue Quisque augue elit dolor nibh.
  3. Condimentum elte quis.
  4. Opsum dolor sit amet consectetuer.

  • This is an Unordered List
  • Congue Quisque augue elit dolor nibh.
  • Condimentum elte quis.
  • Opsum dolor sit amet consectetuer.

  • This is an Unordered List with class ul_arrow
  • Congue Quisque augue elit dolor nibh.
  • Condimentum elte quis.
  • Opsum dolor sit amet consectetuer.

  • This is an Unordered List with class ul_star
  • Congue Quisque augue elit dolor nibh.
  • Condimentum elte quis.
  • Opsum dolor sit amet consectetuer.

  • This is an Unordered List with class ul_bullet
  • Congue Quisque augue elit dolor nibh.
  • Condimentum elte quis.
  • Opsum dolor sit amet consectetuer.

The following list will support lists up to number 9, add the following class to the UL wrapping the below LI elements, class="ul_numbers":

  • This is a sample styled number list <li class="li_number1">Your content goes here!</li>
  • This is a sample styled number list <li class="li_number2">Your content goes here!</li>
  • This is a sample styled number list <li class="li_number3">Your content goes here!</li>
  • This is a sample styled number list <li class="li_number4">Your content goes here!</li>

The S5 Flex Menu system is a very powerful plugin that provides functionality far beyond what the standard Joomla menu system can provide. This plugin is intended to be as an extension of the existing menu system in Joomla to add many new features! Please see the full list of features below.

This menu system works off of the core Joomla mootools script so no extra javascript library is needed and keep download sizes to a minimum. Also, if you do not want to use this menu you can simply turn it it off from the template configuration page.

Take your website to the next design level by using the robust and feature rich S5 Flex Menu System. Organize your links with ease and show content in places you never could before!

Please note - this template does not support sub text on the first level links. However, all sub menus do.

Menu Features:

  • Multiple javascript effects with core mootools
  • Multiple columns for menu items or modules
  • Modules load directly into the menu
  • Group sub menu items into the same column or fly out
  • Optional sub texts for each menu item
  • Optional menu icon images for each menu item
  • And much more!


Menu Screenshot:




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


All modules are fully collapsible


What exactly is a collapsing module? It's quite simple, whenever a module is not published to a postion that position does not appear on the frontend of the template. Consider the example below:



This particular row has 6 module positions available to publish to. Let's say you only want to publish to 4 of these positions. The template will automatically collapse the modules you do not want to use and adjust the size of the modules accordingly:



If no modules are published to the row the entire row itself will not show. The best feature of this is every module can be published to its own unique pages so the layout of your site can change on every page!


Infinite Layouts


Because there are so many module positions available in so many different areas, the number of layouts you can create are limitless! For example, if you would like to show your main content area on the right side of your site but still have a column of modules, simply published your modules to the right or right_inset positions or both. The same would be true for the opposite, if you want a column on the left simply publish modules to left or left_inset. Of course you can always choose to not have a column at all. Remember, any module not published to will automatically collapse and the remaining area will automatically adjust. There is no need to choose a pre-defined layout for your entire site, simply use the power of collpasing module positions and take advantage of the numerous amount of module positions to create any layout you can dream of! Be sure to checkout the layout of modules below.


Dozens of Modules


Below is a complete list of all the module positions available for this template.




How to install and setup module styles:

  1. Download any module you wish to publish to your site.
  2. In the backend of Joomla navigate to the menu item Extensions/Install Uninstall


  3. Browse for the module's install file and click Upload File & Install.
  4. Once the module has be installed navigate to the menu item Extensions/Module Manager (same menu as above)
  5. Find the Module just installed and click on it's title.
  6. Change any parameters that you wish and be sure to set it to published and publish it to your desired module position.
  7. To apply a module style simply fill in the module class suffix field with any of this template's included module styles. This parameter setting is found under Module Parameters on the right side of the screen.


  8. Assign what pages you would like the module to appear on and finally click Save.


 


    • Download the installation package from our download section.
    • Once the download is complete go to the backend of Joomla.
    • Navigate through your menu system to Extensions/Install Uninstall.

                    

    • Once at the installation screen click the browse button and navigate to where you downloaded the template file.
    • Once you have the file selected click 'Upload File and Install'
    • The template is now installed, now let's set it as the default template:

    • Navigate through your menu system to Extensions/Template Manager.
    • Find the radio button next to the newly installed template.
    • Click on the Default button at the top right of the screen and you're done!

     

This template comes loaded with options that you can use to customize your site exactly how you want it. Here's how to get to these custom settings:

  1. In the backend of Joomla go menu item Extensions/Template Manager.
  2. Click on the title of the template.
  3. This will bring you to the template manager screen where you can edit the template's parameters.
  4. Click save when you are done




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

 

Fixed or Fluid Width


This template has the ability to set the entire width of your set to either a fixed pixel width or a fluid percentage width. You can set the width to any size you want.

Column Widths


You may also set the widths of the following positions to any width that you need to: left, left_inset, right, and right_inset. You may set them to any width you need to.

Row Widths


This template comes loaded with module positions, many of which appear in rows of 6 module positions. Any row that contains 6 module positions can have it's row columns set to automatic widths or manual. For example, in the picture below the first row shows 4 modules published and since it's set to automatic each is set to 25% width. The second row shows a manual calculation for each module in the row. Again, you may do this for any row that contains 6 modules. If you setup a manual calculation they must total to 100%. Not all 6 modules need to be used, as shown below.

All of this is done very easily in the template configuration.



1. Search Setup

  • Publish the default Joomla search module, or S5 Live Search module to the 'search' position.
  • Set the width of the search to 35 in the module's backend.
  • This position was only designed for search modules, not content.

2. Column Menu Setup

  • Publish any menu module to the main body module positions on your site.
  • There should be no menu style suffixes applied under advanced parameters.
  • You may apply any module class suffix. Shown above is the -line suffix.
  • The menu style should be set to list.
  • You may assign any of this template's module class suffixes.

3. Bottom Menu Setup

  • Publish any menu to the 'bottom_menu' position.
  • There are no menu style suffixes applied under advanced parameters.
  • The menu style should be set to list

 

A Comprehensive Blue Print For Your Site

S5 Vertex is a set of functions that creates the core logic of a template. It's purpose is to unify the layouts, and functions that Shape5 has built to create the best frameworks available! Read More...

One Of The Most Powerful Menu Systems

The S5 Flex Menu system is a powerful plugin that provides functionas beyond what the Joomla menu system provides. This plugin is an extension to add many new features! Read More...

Lazy Load Images Save on Bandwidth

The lazy load script delays the loading of images until they are present in the viewing area of the browser, which dramatically decreases page load time and saves on site bandwidth. Read More...

Hide The Main Article Area On Any Page

The Shape 5 Vertex framework allows you to hide the main Joomla component and article output on any page of your site so that you are not forced to have an article shown on every page. Read More...

Custom Page Row and Column Widths

Set the entire width of your site to either a fixed pixel width or a fluid percentage width. Additionally, you can set the width of the columns, body and rows to any size that you need. Read More...

Multibox and Tooltips Come Pre-installed

Multibox is a popup box effect that supports images, flash, audio and html! Tooltips can also be enabled and allow for images and tooltip text to be used and certain site elements. Read More...

Review Of The New Gears Of War 3

Donec sit amet nibh. Viva lacer elitem mus lor em et non arcu. Lorem ipsum dolor sit amet, lacer sit emruc onsecte tur adipiscing elit. Etia dapibus lace Viva lacer elitem mus non arcu em mus non arcu. Lorem ipsum dolor sit amet, lacer non consectetur adipiscing elit. Viva lacer elitem mus lor em et non arcu lorem ipsum.

New Assassins Creed Game Coming

Viva lacer elitem mus non arcu em mus non arcu. Lorem ipsum dolor sit amet, lacer non consectetur adipiscing elit. Viva lacer elitem mus lor em et non arcu lorem ipsum. Donec sit amet nibh. Viva lacer elitem mus lor em et non arcu. Lorem ipsum dolor sit amet, lacer sit emruc onsecte tur adipiscing elit.

Site Shaper Available

Do you need a website up and running quickly? Then a site shaper is just what you are looking for. A Site Shaper is a quick and easy way to get your site looking just like our demo in just minutes! It includes Joomla itself, this template and any extensions that you see on this demo. It also installs the same module and article content, making an exact copy of this demo with very little effort. Learn More...

Demo Information

All content and images shown on this site is for demo, presentation purposes only. This site is intended to exemplify a live and published website and does not make any claim of any kind to the validity of non-Shape5 content, articles, images or posts published to this site.

Bigtownville, CO, USA 12345
Email: This email address is being protected from spambots. You need JavaScript enabled to view it.
Web: www.shape5.com/demo
You are here:

New Games We Are Playing At Our Clan

Donec sit amet nibh. Viva lacer elitem mus lor em et non arcu. Lorem ipsum dolor sit amet, lacer sit emruc onsecte tur adipiscing elit. Etia dapibus lace Viva lacer elitem mus non arcu em mus non arcu. Lorem ipsum dolor sit Viva lacer elitem mus non arcu em mus non lacer.
Lamet, lacer non consectetur adipiscing elit. Etiam dapibu donec sit amet nibh. Viva lacer elitem mus lorem et non arcu. Lorem ipsum dol or sit amet, lacer sit emruc onsecte tur adipiscing elit. Viva lacer elitem mus non arcu em mus non arcu. Etia lacer elitem mus non arcu ipsum.