Multibox Setup

Drop Down Now Included In Vertex

This is the S5 Ultimate Drop Down. This is a feature that is seen in several Shape 5 designs. Many have asked how to add to other designs so we decided to build this into the framework so every design from now on will have this functionality. Be sure to read more about this new feature here: Features:

  • Customize almost everything! Shadows, borders, gradient, opacity
  • Contains 6 widget 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
  • And many more features!
Open Panel

Multibox Setup

Written by shapdemoswp
Published: 19 Dec 2011

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

     

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

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
<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

 
You are here:
 Gamers  //  Tutorials  // Multibox Setup

Whats Hot:

bottom 1
Medieval II: Total War Cheats
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non turpis a sem
bottom 1
Call of Duty: Black Ops II
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non turpis a sem
bottom 1
WildStar: Raiding Rampage
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non turpis a sem

About Gamers:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non turpis a sem tristique blandit. Praesent eget eros a nunc congue congue in non quam. NuLorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non turpis a sem tristique blandit.

Follow Us

social icon social icon social icon social icon social icon social icon

S5 Box – Login

Publish a login form or anything you want to this position.

S5 Box – Register

Publish a registration form or anything you want to this position.