I CON TUTORIALS


Step 1. Enable Mediabox

Open your snippets window, and look for "NCD - Mediabox Advanced". Click and drag this title to your custom header box. If you don't have this snippet, download it here.

Picture 1 2

Step 2. Create your content

Create a Styled Text page (for this example), then type in some sample text (or an image) that you'll use to create your Mediabox link.

Highlight your text (or image), then click the add link button (bottom left corner of the edit page).

mediabox2

Step 3. Link your content

Type in the url (web address) of your video, or other media you wish to view. For a sample, you can use this YouTube link.

http://www.youtube.com/watch?v=d2oh0_e7Y9U

picture-10

Step 4. Set for Mediabox

Click the Custom Attributes arrow to expand your link options.

In the title row, under the Value column create a title for your content. Then click the + button to add a new row, and name it "rel", then type "lightbox[]" in the Value column. When done, click the Set Link button.

Picture 2

Step 5. Congrats, your done!

Click Preview, click your link, sit back and enjoy.

Picture 4

Advanced: Create a Mediabox Gallery

Within your Custom Attributes window, under the "lightboxbox[]" value, add in your own custom gallery title for all media you wish to play together.

For example, "lightbox[set1 600 400]" for your series of images or videos will create a gallery that will display a width of 600px, and height of 400px.

Region capture 2