: Info Slide - Multibox
: ffenter August 19, 2015, 05:42:48 AM
Hi
Could you please give me the code for your middle Info-Slide picture on the frontage - the one that starts a video in a multibox window... (see attachment)
And is it possible to give the "View Gallery" button that slides up also a Multibox link? I only get a always visible fixed Multibox button or the multibox window will not be sized right... the video than plays back in full screen.
I'd love to have a button that slides up and then opens a multibox window with either a jpg oder a vimeo link.
Thanx!!
: Re: Info Slide - Multibox
: jimbondox August 19, 2015, 10:32:12 AM
this might help ya until they reply
http://www.shape5.com/documentation/Core-Features/Info-Slide
and
http://www.shape5.com/demo/eventfull/business/index.php/tutorials-menu-48/custom-code-for-this-design
: Re: Info Slide - Multibox
: ffenter August 19, 2015, 03:12:09 PM
Thank you.
Unfortunately they don't have the code I need on that two pages... The custom code for this site only shows the code for the left info slide... The middle one the don't have...
On the vertex tutorial site, they do not show the code for the info slide var. 9 at all....
:-[ ???
But again! Thanx!
: Re: Info Slide - Multibox
: mikenicoll August 19, 2015, 09:58:42 PM
Hello, Here is the entire Venue code block. The area you are looking for is in the middle. Eventfull is the perfect theme if you are looking to organize and event, conference or just bring people together. Choose from an athletic style or tech/conference. Dark and Light color modes are also available to choose from. This text area is a great place to describe what your business event is all about.
<br/><br/><br/>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="s5_is_css_9">
<img alt="image1" src="images/image1.jpg"></img>
<div class="s5_is_slide_css">
<div class="s5_is_slide_css_inner">
<h3>2015 building</h3>
<span class="s5_is_slide_text">
<a class="btn" href="#">View Gallery</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="s5_is_css_9">
<img alt="image2" src="images/image1.jpg"></img>
<div class="s5_is_slide_css dark s5_higlightback">
<div class="s5_is_slide_css_inner">
<h3>Watch 2014 Recap</h3>
<span class="s5_is_slide_text">
<a rel="width:800,height:447" href="http://www.youtube.com/v/4kmZ9uQcA_c" id="youtube" title="Firebug Tutorial Video" class="s5mb"><span class="ion-ios-play" style="color:#000000;font-size: 1.7em;"></span></a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="s5_is_css_9">
<img alt="image3" src="images/image3.jpg"></img>
<div class="s5_is_slide_css">
<div class="s5_is_slide_css_inner">
<h3>2014 Photos</h3>
<span class="s5_is_slide_text">
<a class="btn" href="#">View Gallery</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;height:50px;"></div>
<span class="hide_950">
<div class="pages_portfolio five">
<span class="ion-android-time iconsized"></span><br/>
<span class="icon_light">Hours</span>
<br/>
<span class="icon_bold">72 HRS</span>
</div>
<div class="pages_portfolio five">
<span class="ion-ios-people iconsized"></span><br/>
<span class="icon_light">Speakers</span>
<br/>
<span class="icon_bold">10+</span>
</div>
<div class="pages_portfolio five">
<span class="ion-ios-world iconsized"></span><br/>
<span class="icon_light">Technologies</span>
<br/>
<span class="icon_bold">25+</span>
</div>
<div class="pages_portfolio five">
<span class="ion-ribbon-a iconsized"></span><br/>
<span class="icon_light">Awards</span>
<br/>
<span class="icon_bold">20+ Categories</span>
</div>
<div class="pages_portfolio five noborder" >
<span class="ion-ios-cog iconsized"></span><br/>
<span class="icon_light">Workshops</span>
<br/>
<span class="icon_bold">12 Sessions</span>
</div>
</span>
<div style="clear:both;height:90px;"></div>
You can also add the multibox class to the button link here: <a class="btn" href="#">View Gallery</a> The multibox class is "s5mb"
: Re: Info Slide - Multibox
: ffenter August 20, 2015, 03:51:54 PM
Hello, Here is the entire Venue code block. The area you are looking for is in the middle. Eventfull is the perfect theme if you are looking to organize and event, conference or just bring people together. Choose from an athletic style or tech/conference. Dark and Light color modes are also available to choose from. This text area is a great place to describe what your business event is all about.
<br/><br/><br/>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="s5_is_css_9">
<img alt="image1" src="images/image1.jpg"></img>
<div class="s5_is_slide_css">
<div class="s5_is_slide_css_inner">
<h3>2015 building</h3>
<span class="s5_is_slide_text">
<a class="btn" href="#">View Gallery</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="s5_is_css_9">
<img alt="image2" src="images/image1.jpg"></img>
<div class="s5_is_slide_css dark s5_higlightback">
<div class="s5_is_slide_css_inner">
<h3>Watch 2014 Recap</h3>
<span class="s5_is_slide_text">
<a rel="width:800,height:447" href="http://www.youtube.com/v/4kmZ9uQcA_c" id="youtube" title="Firebug Tutorial Video" class="s5mb"><span class="ion-ios-play" style="color:#000000;font-size: 1.7em;"></span></a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="s5_is_css_9">
<img alt="image3" src="images/image3.jpg"></img>
<div class="s5_is_slide_css">
<div class="s5_is_slide_css_inner">
<h3>2014 Photos</h3>
<span class="s5_is_slide_text">
<a class="btn" href="#">View Gallery</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;height:50px;"></div>
<span class="hide_950">
<div class="pages_portfolio five">
<span class="ion-android-time iconsized"></span><br/>
<span class="icon_light">Hours</span>
<br/>
<span class="icon_bold">72 HRS</span>
</div>
<div class="pages_portfolio five">
<span class="ion-ios-people iconsized"></span><br/>
<span class="icon_light">Speakers</span>
<br/>
<span class="icon_bold">10+</span>
</div>
<div class="pages_portfolio five">
<span class="ion-ios-world iconsized"></span><br/>
<span class="icon_light">Technologies</span>
<br/>
<span class="icon_bold">25+</span>
</div>
<div class="pages_portfolio five">
<span class="ion-ribbon-a iconsized"></span><br/>
<span class="icon_light">Awards</span>
<br/>
<span class="icon_bold">20+ Categories</span>
</div>
<div class="pages_portfolio five noborder" >
<span class="ion-ios-cog iconsized"></span><br/>
<span class="icon_light">Workshops</span>
<br/>
<span class="icon_bold">12 Sessions</span>
</div>
</span>
<div style="clear:both;height:90px;"></div>
You can also add the multibox class to the button link here: <a class="btn" href="#">View Gallery</a> The multibox class is "s5mb" Thanx... but still got the problem with the last code, that the the multibox window is full screen... I can not size it right.... to only way to size it right is to have a constant button... but there I would love to have one that slides up... and still gives me the chance to to not have full screen.... I think it is that I only can choose either class="btn" or class="s5mb" - I would need like a s5mb-btn... Is there any chance to do that?
: Re: Info Slide - Multibox
: mikenicoll August 21, 2015, 06:25:04 AM
Hello,
If the image appears full screen it means you didn't apply the multibox class properly to the element for the onclick or you have some 3rd party scripts on the page that is blocking the multibox script from loading the light box. You can control the sizing of multibox in the Template Manager under Javascripts. Here you can adjust the width/height/animations of this box.
Unfortunately we do not provide custom coding via the forums outside of the coding provided with the Template.
Regards,
|