• Register

Multibox Setup Tutorial

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
    http://getfirebug.com

    <a href="http://getfirebug.com/" rel="width:790,height:600" id="mb28" class="s5mb" title="getfirebug.com">iFrame/HTML Example - CLICK ME</a> <div class="s5_multibox mb28">getfirebug.com</div>
    I like what I see! I want to JOIN TODAY.

Tiger Woods Is Back

Orci rutrum lac egestas venen atis Sed dolor condimentum. Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Enim ipsum rutu urna. Orci rutrum lac egestas loro lorem
Read More...

Ravens Look To The Future

Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Orci rutrum lac egestas venen atis Sed dolor condimentum. Enim ipsum rutu urna. Orci rutrum lac egestas loro lorem
Read More...

Ready For London 2012

Orci rutrum lac egestas venen atis Sed dolor condimentum. Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Enim ipsum rutu urna. Orci rutrum lac egestas loro lorem.
Read More...

World Cup Finals Overview

Sapien ipsum risus urna sed id consectetuer non sed tempus mauris. Orci rutrum lac egestas venen atis Sed dolor condimentum. Enim ipsum rutu urna. Orci rutrum lac egestas loro lorem
Read More...

Demo Information

All content and images shown on this site is for demo, presentation purposes only. This site is intended to exemplify a live website and does not make any claim of any kind to the validity of non-Shape5 content, images or posts published. Stock photography was purchased from shutterstock.com for this demo only, and is not included with this template. Links will be provided for some images if you wish to purchase them from their copyright owners.

Site Shaper Available

Do you need a website up and running quickly? Then a site shaper is just what you are looking for. A Site Shaper is a quick and easy way to get your site looking just like our demo in just minutes! It includes Joomla itself, this template and any extensions that you see on this demo. It also installs the same module and article content, making an exact copy of this demo, excluding stock photography. Learn More...