Sneak Preview of a PARALLAX template

In this section you can share templates you've created with other users of WYSIWYG Web Builder.
User avatar
Adendum
 
 
Posts: 933
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Sneak Preview of a PARALLAX template

Post by Adendum » Fri Feb 21, 2014 2:27 pm

haakoo wrote:Maybe jQuery works instead of object use a #div
Hey Haakoo,

Not sure how this helps. Using the object statement works very well - it's like using an iFrame I guess but embeds the content from one page into another with none of the disadvantages of using an iFrame. So I'm happy with the object call.

The problem is only if/when one of the pages like section-2.html is opened in a browser manually or via search engine results.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

haakoo
 
 
Posts: 319
Joined: Fri Apr 25, 2008 8:02 am
Location: Groningen/NL

Re: Sneak Preview of a PARALLAX template

Post by haakoo » Fri Feb 21, 2014 2:32 pm

<script>
top.location.href ='./index.html#section-two';
</script>

This might work

Hans

haakoo
 
 
Posts: 319
Joined: Fri Apr 25, 2008 8:02 am
Location: Groningen/NL

Re: Sneak Preview of a PARALLAX template

Post by haakoo » Fri Feb 21, 2014 2:36 pm

Calling a div instead of object is actually the same approach without the iframe usage
So you could use a wb layer as target for the external html page

Hans

User avatar
Adendum
 
 
Posts: 933
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Sneak Preview of a PARALLAX template

Post by Adendum » Fri Feb 21, 2014 3:00 pm

Haakoo,

You are on to something here.

I am making manual edits to the page section-2.html and index.html as a test. I am still using the object embed but have added the top.location script into the <head> of section-2.html

Code: Select all

<script>top.location.href ='./index.html#section-2'; </script>
and I added a bookmark (maybe not needed) to the index page in section 2 e.g.

Code: Select all

	<article id="section-two">
	<a id="section-2">&nbsp;</a>
			<object width="1000" height="550" data="./section-2.html" type="text/html"></object>
			<nav class="next-prev">
			<a class="prev section-one" href="#section-one">Prev</a>
			<a class="next section-three" href="#section-three">Next</a>
			</nav>
	</article>
And it kinda works...if you try an open the section-2 page manually ( http://www.aditerum.co.uk/templates/T9/section-2.html ) you do go to the index page and straight to that section - which is great. But look at the url. Now try an open just the index page - it defaults to the section-2 bookmark. So when I add in the same coding for the other 4 pages I suspect the index page will go mental.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Adendum
 
 
Posts: 933
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Sneak Preview of a PARALLAX template

Post by Adendum » Fri Feb 21, 2014 3:13 pm

Yup - it went mental.

Have removed the top.locations and book marks, so it's back to normal.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Adendum
 
 
Posts: 933
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Sneak Preview of a PARALLAX template

Post by Adendum » Tue Feb 25, 2014 8:31 am

Almost done now.

Abandoned the object embedding as it gave zero results in a spider crawl. So this development version has had a total re-write and uses php includes to pull in standard WWB pages. Just some fine tuning for the styling and further testing and then I can write up some instructions, create a proper demo and release it into the wild.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

rivieremagog
 
 
Posts: 31
Joined: Thu Oct 24, 2013 11:28 pm

Re: Sneak Preview of a PARALLAX template

Post by rivieremagog » Tue Feb 25, 2014 6:57 pm

Just a question regarding this Parallax template,
Will we de able to get the menu section on top and describe each section instead of the black square on the right ?

User avatar
Adendum
 
 
Posts: 933
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Sneak Preview of a PARALLAX template

Post by Adendum » Tue Feb 25, 2014 7:06 pm

The navigation menu will always be positioned on the right, there are 16 colours and 2 shapes to use, or you can hide the navigation. When you hover over the navigation there is a flyout that contains a customisable label. You will be able to add a standard WWB menu in the page or the header.

Be aware that I am using this folder as a development platform. So what you see now will very likely change in 10 minutes!!! And I am still modifying a variety of elements to make it simple to use.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

User avatar
Adendum
 
 
Posts: 933
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Sneak Preview of a PARALLAX template

Post by Adendum » Tue Feb 25, 2014 7:32 pm

Adendum wrote:You will be able to add a standard WWB menu in the page or the header.
Actually you wont. You can add any menu you want to but you lose the smooth scrolling and parallax effect, so it would be pretty pointless. Try the internal links I set up to test. There is one in the first section that takes you to the 5th section and another in the 5th section that takes you back to the second section. That is how a standard nav menu would work as they would not have the CSS and jQuery applied to them that gives the smooth scrolling and parallax features.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

rivieremagog
 
 
Posts: 31
Joined: Thu Oct 24, 2013 11:28 pm

Re: Sneak Preview of a PARALLAX template

Post by rivieremagog » Tue Feb 25, 2014 8:08 pm

Ok I understand...
But looking at your Demo, I figure if I place a shortcut like you did for page 5 and 2, but for all section of my web sites on the top ... It would roughly act as a menu and I would keep the PARALLAX mode :roll:

User avatar
Adendum
 
 
Posts: 933
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Sneak Preview of a PARALLAX template

Post by Adendum » Tue Feb 25, 2014 8:19 pm

No. Any LINKS will JUMP to the linked anchor, so no smooth scroll or parallax effect.

Why are you wanting a different navigation method - expand on your needs so I can respond better.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

rivieremagog
 
 
Posts: 31
Joined: Thu Oct 24, 2013 11:28 pm

Re: Sneak Preview of a PARALLAX template

Post by rivieremagog » Tue Feb 25, 2014 8:38 pm

Adendum wrote:No. Any LINKS will JUMP to the linked anchor, so no smooth scroll or parallax effect.

Why are you wanting a different navigation method - expand on your needs so I can respond better.
Do not really NEED it,
it is just that I loved the way parralax (or the one I showed before in the other post ) Smootly change from one section to the others and still I wanted to keep the Old top menu for some "particular" members of the group that are used to that menu :wink:

User avatar
Adendum
 
 
Posts: 933
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Sneak Preview of a PARALLAX template

Post by Adendum » Tue Feb 25, 2014 8:50 pm

Remind me of the URL so I can see what that does. No promises though.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!

rivieremagog
 
 
Posts: 31
Joined: Thu Oct 24, 2013 11:28 pm

Re: Sneak Preview of a PARALLAX template

Post by rivieremagog » Tue Feb 25, 2014 9:20 pm

Mine it is just a simple menu , it does not have to be Exactly the same I just wanted to keep a top menu and have the slide page like this one
http://dadacommunications.com/

mine is not the same I just used one of the menu in Wysiwyg
associatinrivièremagog.org,

User avatar
zinc
 
 
Posts: 1564
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

Re: Sneak Preview of a PARALLAX template

Post by zinc » Wed Feb 26, 2014 10:28 am

rivieremagog wrote:Mine it is just a simple menu , it does not have to be Exactly the same I just wanted to keep a top menu and have the slide page like this one
http://dadacommunications.com/

mine is not the same I just used one of the menu in Wysiwyg
associatinrivièremagog.org,
The dada site is not a true parallax like what paul has created. You can do this with Paul's Backstretch extension and RZ's PAO.

Have a look at these sites that I have made:

http://bit.ly/1hp0jQn
http://bit.ly/1kf9aBt

You will see that Paul's upcoming template is a true parallax in the senese that everything moves.

Post Reply

Who is online

Users browsing this forum: Yahoo [Bot] and 3 guests