The attention to design details takes this professional-looking tabs interaction to the next level.
Published 7 years ago
Version 1.0
Blog Post
- how did you create the purple back ground?
- Can we please get the SL file to download? I am scratching my head as to how this was set up?
- Wow..the navigation bar looks very professional. How do you create this?
- Aman stated "As always, I used tabs created using HTML/JS/CSS and embedded it into the storyline 360 as a web object. On click of each tab a different slide layer containing the content and the graphic appears." https://www.linkedin.com/pulse/animated-tabs-elh-challenge-199-aman-vohra/
- Oh Wow, love this, so impressive. would love to know how those tabs where Triggered though :)
- hi Stephanie,
I think you can easily create it by creating a rolling button and then having layers show up as you click each button. - how did Aman get the giant rectangle (the purple one at the corner) to occupy my entire browser? is that a story size setup customization? i tried to play around customising the player colours, and set it to use optimal browser settings but its still cant get to make it look like the whole browser is used.
any ideas?- I am not 100% sure, but it looks to me like a background image was added to the HTML (see code in the source below) and the player attributes set to transparent.
.bg {
background-image: url("bg111.png");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}- Hi Linda,
do you know what files do I have to change?
Thanks in advance!
- Fantastic design, Aman! Beautifully done. :)
- I loved this! very nicely done! colors...design...everything
- really nice design, i love the transparent white box on top of the purple. So simple yet so elegant
