Register
Login

Available Themes

The Elegance template comes with the 2 color themes a light and a dark color theme. You can easily switch between the two via the template parameters area of the template manager.


light   dark
Home /  Features /  NEW! S5 Box Module
NEW! S5 Box Module Print E-mail
Written by Administrator   

After many months of requests we are happy to release the S5 box in a module form. This S5 Box is running off of the jQuery Javascript library in a no conflictions mode so you should not receive any problems with other third party extensions you may be running on your site.

The module allows for up to 10 different S5 Box's on one page all via 10 module positions. You simply add a class to any HTML element on your site and enable the corresponding box and you are good to go!

Features:

  • Powered by no conflict mode jQuery Javascript
  • Choose, elastic, fade or none for the popup effect
  • Up to 10 S5 Box's throughout your site or on any one page!
  • Set the percentage of width of each box according to overall screen size


Tutorial:


After enabling the module you have to add the modules positions 's5_box, s5_box2, s5_box3' and so on to your template's XML file (See Below). Next you will have to add a class of: class='s5box_one', class='s5box_two', class='s5box_three' and so on to any HTML element on your site.

Adding the S5 Box positions:
  • Open up the XML file included with the template you are using
  • Locate the area
  • Start adding new positions s5_box s5_box2, etc all the way up to s5_box10.


Adding the S5 Box classes:
  • Open up any site module, the index.php file, a content item in HTML mode
  • Select anything for example a DIV and add a class of
    class="s5box_one"
  • You can continue adding these classes throughout your site just be sure to have enabled the corresponding box. So if you add the class s5box_two you'll also have to enabled this box in the S5 Box module and then publish a module to the s5_box2 position.


Module positions and their corresponding classes:

s5_box = s5box_one
s5_box2 = s5box_two
s5_box3 = s5box_three
s5_box4 = s5box_four
s5_box5 = s5box_five
s5_box6 = s5box_six
s5_box7 = s5box_seven
s5_box8 = s5box_eight
s5_box9 = s5box_nine
s5_box10 = s5box_ten


Screenshot of S5 Box Admin:

admin


Screenshot of S5 Box, to demo click the above login or register buttons:

s5 box
< Prev   Next >
 

  • Simple, Yet Beautiful

    Risus rutrum lac ondimentum laoreet Curabitur Curabitur consectetuer non sed nec nibh nec pretium Curabitur.
    Orci rutrum lac egestas venenatis Sed dolor mentum.

    Sapien ipsum risus urna sed id consectetuer non sed tempus mauris.

  • Who's Online

    We have 1 guest online

  • Risus rutrum lac ondimentum laoreet Curabitur urabitursectetue non sed nec nibh nec pretium Curabitur. Orci rutrum lac egesta venenatis Sed dolor mentum. Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Enim risus Aenean sed nec Enim risus Aenean sed nec.

    Risus rutrum lac ondimentum laoreet Curabitur urabitursectetue non sed nec nibh nec pretium Curabitur. Orci rutrum lac egesta venenatis Sed dolor mentum. Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Enim risus Aenean sed nec Enim risus Aenean sed nec.

  • Risus rutrum lac ondimentum laoreet Curabitur urabitursectetue non sed nec nibh nec pretium Curabitur. Orci rutrum lac egesta venenatis Sed dolor mentum. Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Enim risus Aenean sed nec Enim risus Aenean sed nec.

    Risus rutrum lac ondimentum laoreet Curabitur urabitursectetue non sed nec nibh nec pretium Curabitur. Orci rutrum lac egesta venenatis Sed dolor mentum. Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Enim risus Aenean sed nec Enim risus Aenean sed nec.

Video Clip

Video Clips
Copyright © 2010. Torbay Aquatic Society. Designed by Shape5.com

Login To Site Here



S5 Register



*
*
*
*
*

Fields marked with an asterisk (*) are required.