Fixed_Tabs
Onclick
Some Updates:
Shape 5 is proud to announce the release of the Shape 5 PhpBB3 Styles Club! Read More >
NEW S5 Flow module included with the release of Phosphorus!
  • Register
search back preload
Home
arrow
Tutorials
arrow
Multibox Setup
Multibox Setup Tutorial
PDF
Print
E-mail

Features:
  • Supports a range of multimedia formats: images, flash, video, mp3s, html!
  • Auto detects formats or you can specify the format
  • Html descriptions
  • Enable/Disable page overlay when multibox pops up (via template parameters)
  • Enable/Disable controls (via template parameters)

    • Images Example

    Image #1. It can support html.
      
    Image #2. It can support html.
      
    Image #3. It can support html.

    To enable use the following around any group of images:

    <a href="http://www.shape5.com/demo/images/multibox1_lrg.jpg" id="mb2" class="s5mb" title="Grouped Image Example #1:"> <img src="http://www.shape5.com/demo/images/multibox1.jpg" class="boxed" alt="" /> </a> <div class="s5_multibox mb2">Multiple Image #1. It can support <strong>html</strong>.</div>

    <a href="http://www.shape5.com/demo/images/multibox2_lrg.jpg" id="mb3" class="s5mb" title="Grouped Image Example #2:"> <img src="http://www.shape5.com/demo/images/multibox2.jpg" class="boxed" alt="" /> </a> <div class="s5_multibox mb3">Multiple Image #2. It can support <strong>html</strong>.</div>

    <a href="http://www.shape5.com/demo/images/multibox3_lrg.jpg" id="mb4" class="s5mb" title="Grouped Image Example #3:"> <img src="http://www.shape5.com/demo/images/multibox3.jpg" class="boxed" alt="" /> </a> <div class="s5_multibox mb4">Multiple Image #3. It can support <strong>html</strong>.</div>

    Video Example:

    Youtube.com Video - CLICK ME
    UP: Carl and Ellie


    You can use the following video formats: flv, mov, wmv, real and swf. Just insert the URL to the videos in the href of the hyperlink, here is an example of how we did this for a Youtube video:
    <a href="http://www.youtube.com/v/VGiGHQeOqII" id="youtube" class="s5mb" title="Youtube.com Video"> Youtube.com Video - CLICK ME </a> <div class="s5_multibox youtube">UP: Carl and Ellie </div>

    YouTube Tutorial: Simply right click on a youtube video and copy the embed code, then paste into a text editor and look for the embed src and use that URL in your hyperlink.
    <embed src= http://www.youtube.com/v/VGiGHQeOqII

    MP3 Example:

    MP3 example - CLICK ME
    mp3 example

    <a href="http://www.shape5.com/demo/images/music.mp3" id="mb8" class="s5mb" title="Music">MP3 example</a> <div class="s5_multibox mb8">mp3 example - CLICK ME</div>

    iFrame:

    iFrame/HTML Example - CLICK ME
    Google.com

    <a href="http://www.google.com" rel="width:790,height:600" id="mb28" class="s5mb" title="Google.com">iFrame/HTML Example - CLICK ME</a> <div class="s5_multibox mb28">Google.com</div>



 
usericon
S5 Multibox supports a range of multimedia formats: images, flash, video, mp3s, html!

PhpBB3 Club Styles Launched at Shape 5

Shape 5 is proud to announce the release of the Shape 5 PhpBB3 Styles Club! PhpBB3 is a free forum php based solution that can be used to stay in touch with a group of people or can empower your entire website. No other bulletin board software offers a greater complement of features, while maintaining efficiency and ease of use. Shape 5 now brings it's great asthetics that you have grown to love for Joomla products and has converted them to the phpBB3 platform.
Read more...

S5 Box

Login Form

S5 Register

*
*
*
*
*

Fields marked with an asterisk (*) are required.

Fixed Tabs

The Phosphorus template includes a new "Fixed Tab" option. The template comes with 2 fixed tabs that you can enable and publish on your site. The great feature about the fixed tabs is that you can enter any text you desire and the text is auto flipped vertically! This is great for search engines to read your text and also saves the hassle of creating an image with vertical text and placing it on the side of your site. The tabs are published site wide and can have the following options that can be changed via the template parameters area:
  • Change background to any hex color
  • Change the border to any hex color
  • Change the font to any hex color
  • Set vertical position of each tab
  • Set each tab to either the left or right of the screen
  • Add a class to each fixed tab to enable s5 box or perhaps a lightbox or other 3rd party extension
  • Add a URL to each fixed tab so onclick the URL loads
  • Enter any text you desire (with no spaces)