Category Blog

Donate

CALL US: 800-123-4578

Details: Written by Super User; Category: Uncategorised; Published: 15 November 2013; Hits: 3488

The floating menu feature is a great way for your users to easily navigate your website! The floating menu will show at the top of your browser once the screen reaches a certain point. You can determine the exact point at which this occurs via the template specific area of Vertex. NOTE: This is a Vertex addition and is not guaranteed to work with all Vertex Templates. Some custom CSS may need to be adjusted per template. This feature is not supported by IE7/8.

Features at a glance:

Set a backgroud image to the menu, gradient or solid color
Set to snap or smooth scroll in
Determine at which point as you scroll down your page that the menu drops in
and many more features, just check out the screenshot below

Admin area of the Floating Menu:

parallax menu admin

Details: Written by Super User; Category: Uncategorised; Published: 15 November 2013; Hits: 3641

We have built parallax backgrounds into the Vertex Framework. Parallax causes the background image of an element to scroll at a different speed than your browser. For an example of this view the homepage of the Velocity template here and watch the background of the top_row1 area as you scroll down the page. The new parallax feature is part of a new tab in Vertex called "Backgrounds", where you can control the background for many areas of your website.

Features:

Set the scroll speed of the images
Set background repeat style
Set background image size, 100%, cover, contain, etc
Set custom backgrounds for all s5 rows in the framework.
Enable or disable parallax on a per row basis

Admin area of the Parallax backgrounds:

parallax menu admin

Details: Written by Super User; Category: Uncategorised; Published: 15 November 2013; Hits: 4799

The S5 Image Slide module is demo'd to the left of the "Latest News From The Field". It is a responsive module that will automatically adjust to the width of any screen.

Please note that IE7&8 do not support the necessary css syntaxes needed for the layout shown on this demo. Because of this position custom_1 will not be shown for these browsers. In its place you may use position custom_3, which is shown only on IE7&8, with your own custom html module.

Features:

Choose from several effects
Up to 10 images
Up to 10 module positions if using module mode
Choose auto rotate or manual rotate
Show/Hide: thumbnails, navigation arrows and pause/play buttons
Set links to each image and define if they show in a new window or in the same
Set the width and height of the module

Module tutorial:

After installing the module be sure to add in below positions to your template details.xml file located in the root of your template folder. If you are running a template older than Maxed Mag or a non Shape 5 template.

imageslide_1
imageslide_2
imageslide_3
imageslide_4
imageslide_5
imageslide_6
imageslide_7
imageslide_8
imageslide_9
imageslide_10

Once you are sure you have the module positions in then just simply start publishing modules to the positions. Be sure to do them in order, not imageslide_1 and then imageslide_4. Be sure its in sequential order.

Image Tutorial:

After installing the module simply publish it to your site and add URLs to images located on your server. As you can see from the below screenshot you need to enter the URLs to the images, once this is done the fader will start cycling through the images, be sure to add them in order from 1 - 10.

Screenshot of S5 Image Slide Admin:

Details: Written by Super User; Category: Uncategorised; Published: 12 May 2013; Hits: 1929

Integer varius tempor auctor. Etiam fringilla venenatis mollis. Duis ullamcorper massa eu sapien fringilla consequat. Aliquam nec ligula mi, quis tincidunt odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum rutrum dui eros. Praesent nec nibh diam.

Proin augue risus, molestie at dictum quis, viverra non ipsum. Praesent lacus dui, euismod ut mollis vel, lacinia vel arcu. In commodo arcu vitae velit elementum a luctus nibh mattis. Ut vel turpis eros. Nam mattis velit sed nibh scelerisque in bibendum felis sodales. Vivamus ornare pellentesque pellentesque. Nullam dignissim semper quam nec mollis. In vel lacus lectus, ac tristique leo.

Aenean venenatis egestas iaculis. Nullam consectetur condimentum dolor at bibendum. Nulla in enim quis ipsum pulvinar imperdiet vitae nec velit. Donec non urna quam. Aliquam congue magna nec risus iaculis posuere. Vivamus bibendum interdum molestie. Sed libero risus, varius eu dictum ac, pharetra ac elit. Curabitur a nibh id ipsum sagittis blandit. Morbi cursus commodo leo quis rhoncus. In nec purus magna, id porta enim. Donec pulvinar aliquet vulputate. Donec sit amet justo sit amet ipsum posuere imperdiet id sed magna.

Home

Responsive

Extensions

Features

Tutorials

Floating Menu

Features at a glance:

Parallax Backgrounds

Features:

S5 Image Slide

Features:

Module tutorial:

Image Tutorial:

Sample Content 3

Sample Content 2

S5 Accordion Menu

Home

Responsive

Extensions

Features

Tutorials

Our Address:

Contact Us

Get Involved

Stay Updated:

S5 Box

Login

Register