Tool Tips

• 
• 

Details

Category: Latest

Published on Wednesday, 13 August 2008 18:09

Hits: 7590

Demo 1:


Demo 2:
Demo 2 Image Tool Tip

Demo 3:
Demo 3 Image Tool Tip

S5 Image and Content Fader

• 
• 

Details

Category: Latest

Published on Thursday, 14 February 2008 15:10

Hits: 9788

The module for this months design is published to a top row position. These positions are designed to underlay the logo and menu.

This module can be viewed at the top of this page. This specific style of the module can only be used with this template. 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. The S5 Image and Content Fader v3 is powered by Mootools by default but still includes the S5 Effects library and allows you to use it in a "legacy module" if you are experiencing script conflicts. Best of all it's free!

NOTE: Legacy mode will display all your images, titles and slide text but includes limited functionality thus it does not include navigation arrows or the new drop down gallery tab.

Features at a glance:

• NEW - Responsive layout compatible
• horizontal sliding transition
• Choose between 4 slide transitions: Fade, Continuous Horizontal, 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

Admin side of the module:

Tutorial

For this month we've done some CSSing to get the image and content fader to appear like it does. So first off to get your description text to appear like on the homepage you need to wrap your text with the following:

<span class="s5_darkback">your text here</span>

Next if you plan to use an image like the laptop image we have used on the homepage you will need to add the following class to the image so that it is aligned properly:

<img class="s5_imagefader_position" src="/demo/cleanout/image url here" />

How To Setup the Search Box and Menus

• 
• 

Details

Category: Latest

Published on Thursday, 14 February 2008 15:10

Hits: 11222

1. 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.
• The menu style should be set to list.

2. Top and Bottom Menu Setup

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

Page, Column and Row Widths

• 
• 

Details

Category: Latest

Published on Tuesday, 11 December 2007 21:24

Hits: 15312

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.