Forum Support

Shape 5
March 29, 2024, 06:39:55 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Info Slide - Multibox  (Read 542 times)
ffenter
Jr. Member
**
Offline Offline

Posts: 90

Gravatar


« on: 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!!
« Last Edit: August 19, 2015, 05:48:50 AM by ffenter » Logged
jimbondox
Jr. Member
**
Offline Offline

Posts: 795



« Reply #1 on: 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
Logged
ffenter
Jr. Member
**
Offline Offline

Posts: 90

Gravatar


« Reply #2 on: 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....

 Embarrassed  Huh

But again! Thanx!
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: 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.

Code:
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:

Code:
<a class="btn" href="#">View Gallery</a>

The multibox class is "s5mb"
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
ffenter
Jr. Member
**
Offline Offline

Posts: 90

Gravatar


« Reply #4 on: 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.

Code:
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:

Code:
<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?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: 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,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.