Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Need Parallax Page Demo
New Landing › How can we help? › Themeforest Theme Support › Dante › Need Parallax Page Demo
- This topic has 7 replies, 7 voices, and was last updated 10 years by Swift Ideas – Ed.
-
Posted in: Dante
-
January 17, 2014 at 6:08 pm #43272
Hi! I had to download the Alt Demo instead of the Full Demo (because I kept getting errors with the Full Demo), and I’m missing the Parallax Page Demo (under the Pages menu). http://dante.swiftideas.net/parallax-page-demo/
I wanted to modify this page to use for one of my webpages. Could you please send it to me and tell me how I could import it to use?January 21, 2014 at 10:20 am #43784This one?
[spb_parallax parallax_type="video" bg_type="cover" bg_video_mp4="http://dante.swiftideas.net/wp-content/uploads/2013/10/big_buck_bunny_720p_surround.m4v" alt_background="none" el_class="mt0" width="1/1" el_position="first last"] <div style="width: 100%; margin-top: 80px; text-align: center; color: #fff; font-size: 48px; line-height: 62px; text-shadow: 0 1px 4px rgba(0,0,0,.5);">Parallax Video At It's Finest</div> [/spb_parallax] [spb_text_block pb_margin_bottom="no" pb_border_bottom="no" width="1/1" el_position="first last"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rhoncus quis arcu non molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in adipiscing velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vel nunc nunc. Sed fringilla magna interdum ipsum vehicula, in posuere nisi sagittis. Nullam blandit diam non tortor condimentum, vel semper sapien porta. Phasellus vel porttitor purus, in pellentesque tortor. Quisque id risus tortor. Sed facilisis ut elit interdum rutrum. Aliquam erat volutpat. Phasellus non sem a tellus gravida porta in ut ligula. Integer posuere velit eu lorem placerat ultrices. Morbi imperdiet, mi sed pretium euismod, eros tortor pulvinar quam, at volutpat erat sem sit amet lectus. Fusce sollicitudin imperdiet vehicula. Ut ac condimentum arcu. Etiam pellentesque hendrerit blandit. Donec sem augue, interdum ac diam vel, tincidunt semper purus. Pellentesque tincidunt est semper risus posuere, et ultrices sem tincidunt. Ut non sapien eros. Fusce a lacus accumsan, adipiscing erat ut, blandit arcu. Sed fermentum lacus sed justo placerat, sed ultrices ipsum dictum. Suspendisse eu enim orci. Praesent suscipit sed ipsum varius cursus. Fusce varius auctor placerat. Aliquam convallis elit dapibus sagittis aliquet. Mauris eleifend consectetur ultrices. Aliquam quis enim venenatis dui porta consequat. Ut vehicula, tellus vel fringilla condimentum, magna justo imperdiet felis, a venenatis lectus elit sed sapien. Vestibulum vel viverra mi. Sed molestie convallis nibh, semper malesuada ligula luctus nec. Integer nisi purus, posuere sit amet ultricies vitae, vestibulum at nunc. Sed in nisl ut nulla interdum vehicula ac sagittis lorem. Pellentesque nec turpis at dolor hendrerit vestibulum eget nec nunc. Suspendisse tempus risus consequat tortor euismod, ut congue nulla dictum. Vivamus pulvinar leo ac condimentum congue. Donec dictum, dui at euismod ultrices, magna neque venenatis metus, et dictum leo ligula quis purus. Praesent vehicula feugiat mollis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent nunc tellus, rutrum eget feugiat vel, iaculis sit amet tortor. Proin purus augue, porta ut purus at, tincidunt malesuada nunc. Quisque augue lacus, pretium et laoreet nec, molestie congue metus. Cras at scelerisque odio, sit amet accumsan ante. Donec ut suscipit mauris. Fusce tortor nunc, fringilla non blandit in, viverra tristique elit. Cras nec quam at tortor fringilla tempus id at elit. Ut aliquam faucibus dignissim. Ut sit amet mauris enim. Fusce tristique lacus a dui rutrum, vel mollis nisl condimentum. Maecenas sit amet ipsum tincidunt, posuere nisl ac, cursus lorem. Ut a tincidunt lacus, et rhoncus urna. Nam porta risus nulla, et dictum nisl adipiscing id. Praesent varius sem rutrum porta imperdiet. Nam condimentum pharetra est vitae porta. Cras luctus eros in sem gravida, vel elementum leo auctor. Fusce et lobortis elit. Pellentesque lobortis dignissim nunc, ut sagittis dolor condimentum sed. Ut quis aliquam massa. [/spb_text_block]
We don’t have any other page in the demo content.
Cheers!
January 27, 2014 at 12:55 am #44851http://dante.swiftideas.net/parallax-page-demo/
This is the page that is missing, not the above code you’ve posted. I require help on this too. It seems you can’t create parallax page demo without white borders appearing in between each parallax element.
Many thanks in advance.
Ricky
January 28, 2014 at 3:15 pm #45337I need this page, too! 🙂
January 28, 2014 at 5:25 pm #45365Same here! This page is not included and I want to get rid of the white borders appearing in between each parallax element! Hope somebody can help!
January 28, 2014 at 8:08 pm #45391How do we get their attention, cause I need this quite urgently, I’ve tried doing it in custom css and looking through code to see where the problem would be, but I’ve gone brain dead. Really, really need either the page demo or work around to get rid of the white borders. Cause really, the elements should just set on top of each other (that doesn’t mean I don’t appreciate the amount of work you guys have done on this already, its amazing)
Ricky
January 29, 2014 at 5:32 am #45454That would be great to have. Please post it!
January 29, 2014 at 6:38 pm #45621Hi guys,
Thanks for requesting this, will add it in v2.0 which is going out tomorrow (hopefully!).
Here is the code:
[blank_spacer height="0px" spacer_id="intro" spacer_name="Intro" width="1/1" el_position="first last"] [spb_parallax parallax_type="image" bg_image="11423" bg_type="cover" parallax_video_height="video-height" parallax_video_overlay="none" parallax_image_height="window-height" parallax_image_movement="stellar" parallax_image_speed="0.5" alt_background="none" el_class="mt0 mb0 bt0 bb0 no-shadow" width="1/1" el_position="first last"] <p class="impact-text-large" style="text-align: center;"><span style="color: #ffffff;">Introduction.</span></p> <h3 style="text-align: center;"><span style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h3> <p style="text-align: center;">[sf_button colour="transparent-light" type="standard" size="large" link="http://" target="_self" icon="" dropshadow="no" extraclass=""]PARALLAX BUTTON ONE[/sf_button]</p> [/spb_parallax] [blank_spacer height="0px" spacer_id="step1" spacer_name="Step 1" width="1/1" el_position="first last"] [spb_parallax parallax_type="image" bg_image="11431" bg_type="cover" parallax_video_height="video-height" parallax_video_overlay="none" parallax_image_height="window-height" parallax_image_movement="stellar" parallax_image_speed="0.5" alt_background="none" el_class="mt0 mb0 bt0 bb0 no-shadow" width="1/1" el_position="first last"] <p class="impact-text-large" style="text-align: center;"><span style="color: #ffffff;">Step One.</span></p> <h3 style="text-align: center;"><span style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h3> <p style="text-align: center;">[sf_button colour="transparent-light" type="standard" size="large" link="http://" target="_self" icon="" dropshadow="no" extraclass=""]PARALLAX BUTTON TWO[/sf_button]</p> [/spb_parallax] [blank_spacer height="0px" spacer_id="step2" spacer_name="Step 2" width="1/1" el_position="first last"] [spb_parallax parallax_type="image" bg_image="11429" bg_type="cover" parallax_video_height="video-height" parallax_video_overlay="none" parallax_image_height="window-height" parallax_image_movement="stellar" parallax_image_speed="0.5" alt_background="none" el_class="mt0 mb0 bt0 bb0 no-shadow" width="1/1" el_position="first last"] <p class="impact-text-large" style="text-align: center;"><span style="color: #ffffff;">Step Two.</span></p> <h3 style="text-align: center;"><span style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h3> <p style="text-align: center;">[sf_button colour="transparent-light" type="standard" size="large" link="http://" target="_self" icon="" dropshadow="no" extraclass=""]PARALLAX BUTTON THREE[/sf_button]</p> [/spb_parallax] [blank_spacer height="0px" spacer_id="step3" spacer_name="Step 3" width="1/1" el_position="first last"] [spb_parallax parallax_type="image" bg_image="11430" bg_type="cover" parallax_video_height="content-height" parallax_video_overlay="none" parallax_image_height="window-height" parallax_image_movement="stellar" parallax_image_speed="0.5" alt_background="none" el_class="mt0 mb0 bt0 bb0 no-shadow" width="1/1" el_position="first last"] <p class="impact-text-large" style="text-align: center;"><span style="color: #ffffff;">Step Three.</span></p> <h3 style="text-align: center;"><span style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h3> <p style="text-align: center;">[sf_button colour="transparent-light" type="standard" size="large" link="http://" target="_self" icon="" dropshadow="no" extraclass=""]PARALLAX BUTTON FOUR[/sf_button]</p> [/spb_parallax] [blank_spacer height="0px" spacer_id="end" spacer_name="The End" width="1/1" el_position="first last"] [spb_parallax parallax_type="image" bg_image="11428" bg_type="cover" parallax_video_height="content-height" parallax_video_overlay="none" parallax_image_height="window-height" parallax_image_movement="stellar" parallax_image_speed="0.5" alt_background="none" el_class="mt0 mb0 bt0 bb0 no-shadow" width="1/1" el_position="first last"] <p class="impact-text-large" style="text-align: center;"><span style="color: #ffffff;">The End.</span></p> <h3 style="text-align: center;"><span style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h3> <p style="text-align: center;">[sf_button colour="transparent-light" type="standard" size="large" link="http://" target="_self" icon="" dropshadow="no" extraclass=""]PARALLAX BUTTON FIVE[/sf_button]</p> [/spb_parallax]
Hope that helps.
– Ed
-
Posted in: Dante
You must be logged in and have valid license to reply to this topic.