Sample Sidebar Module

This is a sample module published to the sidebar_top position, using the -sidebar module class suffix. There is also a sidebar_bottom position below the menu.

Sample Sidebar Module

This is a sample module published to the sidebar_bottom position, using the -sidebar module class suffix. There is also a sidebar_top position below the search.
Category Blog
  • Register

Details
Category: Demo Info
Hits: 10611
This module can be viewed at the top of this page. This specific style of the module can only be used with this template with the template's css overrides. Publish your own content into each slide transition and for multiple slide transition effects, navigation arrows and also a drop down gallery tab that allows you to select a slide via a thumbnail. This module is fully responsive as well. The S5 Image and Content Fader v3 is powered by Mootools/Jquery. Best of all it's free!

This particular template showcases two different slide types. The first and third slides involved multiple layers of text and images. The middle slide is simply text that is centered and slides down. Below is the code used for both of these slide types.

Centered Text

Simply enter the following code into the text/html section of the module. Do not enter text into the title area:
<span class="center">
<span class="slide_title">
All New <strong> Media Player Plugin</strong>
</span>
<span class="center_text" style="font-size:1.3em;">
Explore the all the new mp3 and video player plugin. Easily setup and list sermons and other media on your website with no programming experience for your guests to listen to and download.
</span>
<br /><a style="float:none" class="readon" href="">See it in action</a>
</span>

Text and Image

Simply enter the following code into the text/html section of the module. The image that appears on the right side is entered into the right div below. You will need to choose your image carefully as there are size restrictions on the area, tall and somewhat narrow images work best. Do not enter text into the title area:
<span class="left">
<span class="slide_title">
Modern Design <br />Church Focused <br /><strong>Joomla Template</strong>
</span>
<span class="slide_text">
Take your church's presence to the next level with Risen Hope. This theme is breathtaking and has everything you need to setup your site.
</span>
<br />
<a class="readon">Read More</a>
</span>

<span class="right">
<img src="images/iacf1_pic.png" />
</span>

Features at a glance

  • Responsive layout compatible
  • Choose between 4 slide transitions: Fade, Continuous Horiztonal, Fade Slide Left, Continuous Vertical
  • Specify height and width of module
  • Includes a gallery tab drop down to show all images
  • Each image slide can have its own hyperlink
  • Show up to 10 images at once
  • Publish your own content to each picture slide
  • Navigation arrows
  • Not all slides require titles
  • Change delay time
  • Hide or show: Navigation arrows, thumbnail carousel and popup text


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

Details
Category: Demo Info
Hits: 5108
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 jquery/mootools scripts 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!

Menu Features:

  • Automatic onclick functionality for tablet sized touch screens. If a device's screen is detected as touch screen and is of table size, then the menu will function with an onclick method rather than the onmouseover effect that is shown on a laptop or desktop that has a mouse for use.
  • Multiple javascript effects such as fade, slide, etc.
  • 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.
  • Automatic multi-language menu change. If you are setting up a multi-language site, the flex menu will automatically change if your site's visitor has a language specific menu setup for their language in the menu manager.
  • And much more!


Menu Screenshot:




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

Details
Category: Demo Info
Hits: 3986
The S5 Drop Down Panel is a slide down panel that can be demo'd at the top of this page. The panel itself contains six module positions. You may publish any module that you wish into these positions. It comes packed with features so be sure to check out the list and screenshot below.

Note - If the responsive layout is enabled the drop down will disable when the screen size reaches 750px so that it does not interfere with the mobile menu bar


  • Customize almost everything! Shadows, borders, gradient, opacity
  • Contains 6 module positions drop_down_1, drop_down_2, drop_down_3, drop_down_4, drop_down_5 and drop_down_6
  • Auto adjust to the height of your content
  • Set your own open and close text
  • Auto collapse if no modules are published to it
  • And many more features!


Screenshot of Drop Down admin in template configuration area:


  1. S5 Accordion Menu
  2. Responsive Layout
  3. Page, Column and Row Widths
  4. Multibox
  5. Module Positions and Styles
  • fr-FR
  • English (UK)

Get In Touch

  • 123 Corporate Street
    Bigtownville, CO 12345
  • 123-555-1212
  • This email address is being protected from spambots. You need JavaScript enabled to view it.