Sneak Preview of a PARALLAX template

In this section you can share templates you've created with other users of WYSIWYG Web Builder.
haakoo
 
 
Posts: 183
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: 183
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: 728
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: 728
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: 728
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!

User avatar
Adendum
 
 
Posts: 728
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: 728
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!

User avatar
Adendum
 
 
Posts: 728
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!

User avatar
Adendum
 
 
Posts: 728
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!

User avatar
zinc
 
 
Posts: 1351
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.
Good news everyone!

User avatar
zinc
 
 
Posts: 1351
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 1:57 pm

rivieremagog wrote:This is Great.......
Do you have the possibility to Highlight, the tab of the page we see when we are on ?
You mentionned :
"Paul's Backstretch extension and RZ's PAO."
Beeing just a novice knowing almost sweet..."nothing" in programming :oops: are these 2 extension available in WYSIWYG ?

PAO
viewtopic.php?f=42&t=48834

BackStretch
viewtopic.php?f=42&t=59991
Good news everyone!

User avatar
Rob
 
 
Posts: 151
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: Sneak Preview of a PARALLAX template

Post by Rob » Wed Feb 26, 2014 5:16 pm

Zinc - are you saying the two sites you noted were built using the two extensions you mentioned? Just curious. I see the designs being the current trend. Beautiful work. I look forward to learning this technique.
Small Business Web Design

User avatar
zinc
 
 
Posts: 1351
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 6:01 pm

IeMS wrote:Zinc - are you saying the two sites you noted were built using the two extensions you mentioned? Just curious. I see the designs being the current trend. Beautiful work. I look forward to learning this technique.
Yes they are built using these extensions. But what Paul is cooking
is a different beast. Simply amazing!
Good news everyone!

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

Re: Sneak Preview of a PARALLAX template

Post by Adendum » Wed Feb 26, 2014 11:12 pm

rivieremagog wrote: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 ?
OK, so I lied before! ... Just added a top navigation section. :shock: :shock: :shock:

It's a little unusual to set up but now not difficult for the end user. I have set this up so that you can show or hide any of the three navigation elements - top navigation, side navigation and next/prev navigation. When I say "just" it's taken me all bloody day to work out a way to get this all to work with the template and parallax extension!

I think I am pretty much done now. I'll be creating a new demo page, maybe two and then writing up the help file and instructions for related/relevant items. So, unless anyone spots a horrendous issue, I'll be releasing the template in a few days!
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: 728
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Sneak Preview of a PARALLAX template

Post by Adendum » Thu Feb 27, 2014 1:53 pm

OK, I'm done fiddling.

I have now changed the side navigation and the next/prev navigation to pure CSS. So no clumsy images (they were sprites). So now you will be able to totally customise the colour schemes of all three navigation systems, all of which are 100% CSS and image free zones!

So, next - a new demo.
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!

Post Reply