Friday March 29, 2024
Register
Home Features Template Features Multibox Enabled
PDF
Print
E-mail
13
Aug
Multibox Setup Tutorial
Written by Administrator

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>


    I like what I see! I want to JOIN TODAY.

Last Updated on Tuesday, 15 February 2011 01:01
 

Our Mag Sponsors

Lorem ipsum dolor sit amet, Phasellus adipiscing lobortis nulla ut egestas. Etiam et dolor neque, adipiscing lobortis nulla ut egestas et aliquet nulla. Phasellus adipiscing lobortis nulla ut egestas.

spon1
spon2
spon3

spon4
spon5
spon6

About Us

Lorem ipsum dolor sit amet, Phasellus adipiscing lobortis nulla ut egestas. Etiam et dolor neque, et aliquet nulla. Phasellus adipiscing lobortis nulla ut egestas. Etiam et dolor neque, et aliquet nulla. Lorem ipsum dolor sit amet, Phasellus adipiscing lobortis nulla ut egestas.

6399 North Wells Road
Bigtownville, CO, USA 12345

Phone: 800-123-4567
Email: [email protected]
Web: shape5.com/demo

Phasellus adipiscilobortis

twitterLorem ipsum dolor sit amet, Phasellus adipiscing lobortis nulla ut egestas. Etiam et dolor neque, et aliquet nulla. Phasellus adipiscing lobortis nulla ut egestas.


twitterLorem ipsum dolor sit amet, Phasellus adipiscing lobortis nulla ut egestas. Etiam et dolor neque, et aliquet nulla. Phasellus adipiscing lobortis nulla ut egestas.


twitterLorem ipsum dolor sit amet, Phasellus adipiscing lobortis nulla ut egestas. Etiam et dolor neque, et aliquet nulla. Phasellus adipiscing lobortis nulla ut egestas.

S5 Box

Login



Register

*
*
*
*
*

Fields marked with an asterisk (*) are required.