{"id":18,"date":"2010-08-13T18:18:32","date_gmt":"2010-08-13T18:18:32","guid":{"rendered":"http:\/\/pueblosencamino.org\/wp\/?p=18"},"modified":"2010-08-13T18:18:32","modified_gmt":"2010-08-13T18:18:32","slug":"multibox-setup-tutorial","status":"publish","type":"post","link":"https:\/\/pueblosencamino.org\/?p=18","title":{"rendered":"Multibox Setup Tutorial"},"content":{"rendered":"<p><\/p>\n<h3>Features:<\/h3>\n<p>  <\/p>\n<ul class=\"ul_bullet_small\">\n<li>Supports a range of multimedia formats: images, flash, video, mp3s, html!<\/li>\n<li>Auto detects formats or you can specify the format<\/li>\n<li>Html descriptions<\/li>\n<li>Enable\/Disable page overlay when multibox pops up (via template parameters)<\/li>\n<li>Enable\/Disable controls (via template parameters)<\/li>\n<p>    <\/p>\n<p><strong><font size=\"2\">Images Example<\/font><\/strong><\/p>\n<p>            <a href=\"http:\/\/www.shape5.com\/demo\/images\/multibox1_lrg.jpg\" id=\"mb1\" class=\"s5mb\" title=\"Image #1:\"> <img decoding=\"async\" src=\"http:\/\/www.shape5.com\/demo\/images\/multibox1.jpg\" style=\"margin-right:20px\" class=\"boxed\" alt=\"\" \/> <\/a> <\/p>\n<div class=\"s5_multibox mb1\">Image #1. It can support <strong>html<\/strong>.<\/div>\n<p> &nbsp;&nbsp; <a href=\"http:\/\/www.shape5.com\/demo\/images\/multibox2_lrg.jpg\" id=\"mb2\" class=\"s5mb\" title=\"Image #2:\"> <img decoding=\"async\" src=\"http:\/\/www.shape5.com\/demo\/images\/multibox2.jpg\" style=\"margin-right:20px\" class=\"boxed\" alt=\"\" \/> <\/a> <\/p>\n<div class=\"s5_multibox mb2\">Image #2. It can support <strong>html<\/strong>.<\/div>\n<p> &nbsp;&nbsp; <a href=\"http:\/\/www.shape5.com\/demo\/images\/multibox3_lrg.jpg\" id=\"mb3\" class=\"s5mb\" title=\"Image #3:\"> <img decoding=\"async\" src=\"http:\/\/www.shape5.com\/demo\/images\/multibox3.jpg\" class=\"boxed\" alt=\"\" \/> <\/a> <\/p>\n<div class=\"s5_multibox mb3\">Image #3. It can support <strong>html<\/strong>.<\/div>\n<p>   <\/p>\n<p>To enable use the following around any group of images:<\/p>\n<div style=\"clear:both\"><\/div>\n<div class=\"code\">  &lt;a href=\u00bbhttp:\/\/www.shape5.com\/demo\/images\/multibox1_lrg.jpg\u00bb id=\u00bbmb2&#8243; class=\u00bbs5mb\u00bb title=\u00bbGrouped Image Example #1:\u00bb&gt; &lt;img src=\u00bbhttp:\/\/www.shape5.com\/demo\/images\/multibox1.jpg\u00bb class=\u00bbboxed\u00bb alt=\u00bb\u00bb \/&gt; &lt;\/a&gt; &lt;div class=\u00bbs5_multibox mb2&#8243;&gt;Multiple Image #1. It can support &lt;strong&gt;html&lt;\/strong&gt;.&lt;\/div&gt; <\/p>\n<p> &lt;a href=\u00bbhttp:\/\/www.shape5.com\/demo\/images\/multibox2_lrg.jpg\u00bb id=\u00bbmb3&#8243; class=\u00bbs5mb\u00bb title=\u00bbGrouped Image Example #2:\u00bb&gt; &lt;img src=\u00bbhttp:\/\/www.shape5.com\/demo\/images\/multibox2.jpg\u00bb class=\u00bbboxed\u00bb alt=\u00bb\u00bb \/&gt; &lt;\/a&gt; &lt;div class=\u00bbs5_multibox mb3&#8243;&gt;Multiple Image #2. It can support &lt;strong&gt;html&lt;\/strong&gt;.&lt;\/div&gt; <\/p>\n<p> &lt;a href=\u00bbhttp:\/\/www.shape5.com\/demo\/images\/multibox3_lrg.jpg\u00bb id=\u00bbmb4&#8243; class=\u00bbs5mb\u00bb title=\u00bbGrouped Image Example #3:\u00bb&gt; &lt;img src=\u00bbhttp:\/\/www.shape5.com\/demo\/images\/multibox3.jpg\u00bb class=\u00bbboxed\u00bb alt=\u00bb\u00bb \/&gt; &lt;\/a&gt; &lt;div class=\u00bbs5_multibox mb4&#8243;&gt;Multiple Image #3. It can support &lt;strong&gt;html&lt;\/strong&gt;.&lt;\/div&gt;   <\/p><\/div>\n<p>   <\/p>\n<p><strong><font size=\"2\">Video Example:<\/font><\/strong><\/p>\n<p>     <a href=\"http:\/\/www.youtube.com\/v\/VGiGHQeOqII\" id=\"youtube\" class=\"s5mb\" title=\"Youtube.com Video\"> Youtube.com Video &#8211; CLICK ME <\/a> <\/p>\n<div class=\"s5_multibox youtube\">UP: Carl and Ellie <\/div>\n<p> 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:  <\/p>\n<div class=\"code\"> &lt;a href=\u00bbhttp:\/\/www.youtube.com\/v\/VGiGHQeOqII\u00bb id=\u00bbyoutube\u00bb class=\u00bbs5mb\u00bb title=\u00bbYoutube.com Video\u00bb&gt; Youtube.com Video  &#8211; CLICK ME &lt;\/a&gt; &lt;div class=\u00bbs5_multibox youtube\u00bb&gt;UP: Carl and Ellie &lt;\/div&gt; <\/div>\n<p> 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.  <\/p>\n<div class=\"code\"> &lt;embed src= http:\/\/www.youtube.com\/v\/VGiGHQeOqII <\/div>\n<p>   <\/p>\n<p><strong><font size=\"2\">MP3 Example:<\/font><\/strong><\/p>\n<p>     <a href=\"http:\/\/www.shape5.com\/demo\/images\/music.mp3\"  id=\"mb8\" class=\"s5mb\" title=\"Music\">MP3 example &#8211; CLICK ME<\/a> <\/p>\n<div class=\"s5_multibox mb8\">mp3 example<\/div>\n<p>  <\/p>\n<div class=\"code\"> &lt;a href=\u00bbhttp:\/\/www.shape5.com\/demo\/images\/music.mp3&#8243;  id=\u00bbmb8&#8243; class=\u00bbs5mb\u00bb title=\u00bbMusic\u00bb>MP3 example&lt;\/a&gt; &lt;div class=\u00bbs5_multibox mb8&#8243;>mp3 example &#8211; CLICK ME&lt;\/div&gt; <\/div>\n<p>   <\/p>\n<p><strong><font size=\"2\">iFrame:<\/font><\/strong><\/p>\n<p>     <a href=\"http:\/\/www.google.com\" rel=\"width:790,height:600\" id=\"mb28\" class=\"s5mb\" title=\"Google.com\">iFrame\/HTML Example &#8211; CLICK ME<\/a> <\/p>\n<div class=\"s5_multibox mb28\">Google.com<\/div>\n<p>  <\/p>\n<div class=\"code\"> &lt;a href=\u00bbhttp:\/\/www.google.com\u00bb rel=\u00bbwidth:790,height:600&#8243; id=\u00bbmb28&#8243; class=\u00bbs5mb\u00bb title=\u00bbGoogle.com\u00bb&gt;iFrame\/HTML Example &#8211; CLICK ME&lt;\/a&gt; &lt;div class=\u00bbs5_multibox mb28&#8243;&gt;Google.com&lt;\/div&gt;  <\/div>\n<div class=\"blue_box\"> I like what I see! I want to <a href=\"http:\/\/www.shape5.com\/join-now.html\" target=\"_top\"><strong>JOIN TODAY<\/strong><\/a>. <\/div>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Features: Supports a range of multimedia formats: images, flash, video, mp3s, html! Auto detects formats or you can specify the<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","ngg_post_thumbnail":0,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-18","post","type-post","status-publish","format-standard","hentry","category-c8-lo-mas-importante"],"_links":{"self":[{"href":"https:\/\/pueblosencamino.org\/index.php?rest_route=\/wp\/v2\/posts\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pueblosencamino.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pueblosencamino.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pueblosencamino.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pueblosencamino.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":0,"href":"https:\/\/pueblosencamino.org\/index.php?rest_route=\/wp\/v2\/posts\/18\/revisions"}],"wp:attachment":[{"href":"https:\/\/pueblosencamino.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pueblosencamino.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=18"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pueblosencamino.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}