Shape 5

Joomla Templates => Oasis - Club => : maestro2970 February 17, 2014, 11:45:23 PM



: CSS Version 3 script
: maestro2970 February 17, 2014, 11:45:23 PM
Where can I find the script for CSS version 3? I did not install the site shaper and I am trying to replicate the the frontpage of the Oasis template but I cannot find the CSS version 3 script anywhere.
I downloaded the Vertex.doc and it shows the default along with versions 1 and 2.
Can someone please help point me in the right direction?
Also, I like how there are 4 boxes, two on top and two on bottom. As I publish the modules to the respective tab_1, tab_2 and so forth, they seen to all load on the same level and just rotate in.
Any suggestions?
I am having several issues getting these two modules to work properly together in the custom 1 and 2 positions.
You can see what I mean at http://www.worthyrecovery.org/site

Thank you,
Cory


: Re: CSS Version 3 script
: mikek February 18, 2014, 08:56:37 AM
Hello,

I'm sorry I don't know what you are referring to. The template uses CSS3 throughout many of the css files, there isn't a specific script that does this, it's in the css files already.

I don't see your modules stack on top of each other, they are all showing side by side in the tab show.

I would highly suggest installing the site shaper so you can see exactly how everything setup and use it as a reference, even if it's in a developmental folder.


: Re: CSS Version 3 script
: maestro2970 February 18, 2014, 09:34:01 AM
Thank you for getting back to me.
If you look in the Vertex Framework document it lists various scripts for the InfoSlide. For instance:

CSS Default Version:
<div class="s5_is_css">
<img src="your image url here" alt="">
<div class="s5_is_slide_css">
<h3>Example Slide</h3>
<div class="s5_is_css_hidden">
This is dummy text. You can add any
text or html markup here.
</div>
</div>
</div>

CSS Version 1:
<div class="s5_is_css_1">
<img src="your image url here" alt="">
<div class="s5_is_slide_css">
<h3>Example Slide</h3>
<div class="s5_is_css_hidden">
This is dummy text. You can add any
text or html markup here.
</div>
</div>
</div>

CSS Version 2:
<div class="s5_is_css_2">
<img src="your image url here" alt="">
<div class="s5_is_slide_css">
<h3>Example Slide</h3>
<div class="s5_is_css_hidden">
This is dummy text. You can add any
text or html markup here.
</div>
</div>
</div>

Also if you look on this page of the Oasis demo it shows the InfoSlide and various scripts including javascript and versions of the CSS and version 3 is the script that is on the demo.
http://www.shape5.com/demo/index.php?oasis/

I just want to know what that script is.

I was trying to avoid loading a dummy site shaper installation but I may have to do this. I just thought there would be clearer instructions. Maybe I'm just not getting it.

Any help would be appreciated.


: Re: CSS Version 3 script
: maestro2970 February 18, 2014, 09:36:17 AM
The infoslide information on the Vertex Framework document is in section 8.3


: Re: CSS Version 3 script
: mikek February 18, 2014, 12:43:26 PM
Hello,

That's not a script that you have to include, you simply turn it on under the Javscript tab in Vertex. Any optional js or css file, like info slide, can be turned on or off in the Vertex admin by turning each individual feature on and off.

Once you have it turned on you use those layouts in a text editor. Please note the vertex guide was just updated this morning with the new version 3 and version 4 info slide layouts; they were added this month.


: Re: CSS Version 3 script
: maestro2970 February 20, 2014, 03:37:04 PM
Awesomeness. Thank you for the quick reply.  ;D