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.
S5 Tab Show
  • fr-FR
  • English (UK)

Search Our Site

Create an Account
Wednesday October 18, 2017
The S5 Tab Show will display up to 20 modules in various styles within sliding tabs, and is compatible with responsive sites. Simply publish the S5 Tab Show module to your desired module position and pages. Then start publishing modules to the positions in the Tab Show (s5_tab1, s5_tab2, etc); these modules will become the slides. This is a great way to organize and showcase your site's content or images. Version 3 of this module is incredibly powerful, below is a list of all of its features. A the bottom of this page you will see several examples of this module in action.

NOTE - Several live examples of the S5 Tab Show are found at the bottom of this page.

  • Transitions are powered by CSS3, so no javascript conflicts
  • Optional custom classes
  • Up to 10 copies of the module on the same pages; each individually controlled
  • Use up to 20 slides
  • Select on mouseover or on click for activation
  • Set the loation of the tabs or arrows
  • Center the tabs or arrows
  • Hide the tabs or arrows until mouseover
  • Force the tabs or arrows to be shown for tablets and mobile devices
  • Select your transition effect
  • Set your duration speed
  • Add extra padding in between slides or no padding at all
  • Optional button text for tabs
  • Optional images for tab buttons
  • Set a background color or image for each slide or the entire module
  • Enter pre-text and post-text


Incline Template Variations


Shape5 templates often stylize modules beyond their default styling to match the look of a particular template. This template has three variations of the modules, all which can be seen on the homepage of this demo. On the homepage the S5 Tab Show module is published in custom_1 (on top of the video), top_row3_1 (under the Get Outdoors module), and custom_3 (the rotating images at the bottom of the site).


Live Examples


Below you can see several examples of this module in action with varying options applied. These are only several of the options available, there are dozens of options you can enable or disable:

S5 Tab Show Example 1

Tab 1
Tab 2
Tab 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.

Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.
Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.

Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.

S5 Tab Show Example 5

Example Slide

This is dummy text. You can add any text or html markup here.
Read More

Example Slide

This is dummy text. You can add any text or html markup here.
Read More

Example Slide

This is dummy text. You can add any text or html markup here.
Read More

Example Slide

This is dummy text. You can add any text or html markup here.
Read More

Example Slide

This is dummy text. You can add any text or html markup here.
Read More

Example Slide

This is dummy text. You can add any text or html markup here.
Read More

Example Slide

This is dummy text. You can add any text or html markup here.
Read More

Example Slide

This is dummy text. You can add any text or html markup here.
Read More

Example Slide

This is dummy text. You can add any text or html markup here.
Read More

Example Slide

This is dummy text. You can add any text or html markup here.
Read More

S5 Tab Show Example 2

Tab 1
Tab 2
Tab 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.

Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.
Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.

Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.

S5 Tab Show Example 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.

Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.
Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.

Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.

S5 Tab Show Example 4

Tab 1
Tab 2
Tab 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.

Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.
Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et euismod augue, a congue nisl. Nulla facilisi. Aliquam at mi ut purus imperdiet tincidunt. Vivamus pulvinar libero tempus accumsan dictum. Phasellus eleifend nec ipsum id pulvinar. Sed vehicula nec enim vel elementum. Duis dui nisl, interdum in elementum eu, iaculis sed augue. Fusce interdum euismod magna, ut porttitor eros ornare eget. Phasellus id vestibulum augue, vitae dignissim lectus. Suspendisse faucibus interdum neque, eget rutrum neque condimentum sed.

Praesent sed nunc nisi. Maecenas ornare, mi at pharetra finibus, leo lectus fringilla nibh, ullamcorper vestibulum quam odio id nulla. Cras maximus convallis dapibus. Aliquam erat volutpat. Praesent elementum nisi leo, vel molestie leo aliquam sit amet. Proin porttitor aliquet quam non consequat. Praesent congue, ex nec placerat egestas, nisl neque lobortis eros, nec consectetur quam mi vitae ante. Ut fringilla felis id magna eleifend, consequat lacinia nibh placerat. Proin iaculis, mi eu consequat ultrices, erat lectus commodo lectus, id eleifend lectus dolor eget eros. Aliquam aliquet arcu blandit, aliquet nunc ut, ultrices leo.

Recent Comments

man
Frank Thomas “I love the local skatepark in downtown Bustltown“
woman
Julie Hartment “We should catch up sometime, its great weather out there Lorem ipsum dolor ipsum dolor“
man2
Bill Robertson “Just learned how to do that yesterday, this month has been great“
woman2
Jill Cladsenon “Lorem ipsum dolorLorem ipsum dolorLorem ipsum dolorI love the local skatepark in downtown Bustltown“
woman3
Betty Phils “We should catch up sometime, its great weather out there“

Top Stories

image

Subway System downtown failing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam turpis odio, tristique ac cursus eget, tincidunt ac quam. Vestibulum venenatis ligula risus, et.
image

Taxi Drivers on Strike

Etiam turpis odio, tristique ac cursus eget, tincidunt ac quam. Vestibulum venenatis ligula risu eget, tincidunt ac quamrpis odio, tristique ac cursus eget, tincidunt ac qua.
image

New iPhone Reviews

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam turpis odio, tristique ac cursus eget, tincidunt ac quam. Vestibulum venenatis ligula.

Sign Up to our Newsletter!!