Add Responsive Video and Maps etc.
Hey guys found this is RLM forum its Brilliant for Video and maps etc.

For all you visual learners out there we have something cool to announce. A new tutorial has been posted that breaks down the creation of a responsive page in just 5 steps. This article is unique as it includes 8 instructional videos. Check it out at: http://www.coffeecup.com/help/articles/1449

We'd love to hear any feedback you may have!

Enjoy!

Creating a Navigation Menu using an Unordered List
https://www.youtube.com/watch?v=kbPafMxpC6s

Tutorial: Horizontal And Vertical Centering In Responsive Site Designer

https://www.youtube.com/watch?v=1L_qaF6MQZQ

Adding Fixed Background Attachment
https://www.youtube.com/watch?v=gnpogL4WUoc

PAGE SCROLL USING NAMED ANCHORS
My original post is here:
http://www.coffeecup.com/forums/respons … post258503

In settings add this script to the footer:

You can change the speed with 4000 in the script.
6000 would be slower, 1000 faster for example.

Let's use a text named anchor (bookmark) to an image.
You could also use an image or icon and add a link
So put a text object at the top of the page and add a link to it using a named anchor hash like this for the FROM link.
In href paste:

With some space between (so you have some page to scroll to see it work) at the bottom add an image for the TO link.
Now select that image and put this in for it's ID

Preview it in your browser to see it work.

What that script is doing is looking for any named anchor on the page and making it animate the page scroll to the ID. So if you wanted to add more just match the #anchor to the ID (which would be "anchor" in this case).

That's assuming there is a jQuery library link, I read here yesterday that may be taken out in recent releases?
If it is removed on your version just add this link to the google jQuery library with this call above the script in the footer:

Building Basic jQuery UI Tab with Responsive Site Designer v1.5

https://www.youtube.com/watch?v=ObLBJhU-uyA

project files:

https://www.dropbox.com/s/uxorseyq7jzje … d.zip?dl=0

Great Video Mansour!

Yea I'm a little disappointed they took out js too. That being said I understand why they did.

Yes, thank you Mansour. I've been doing it the hard way or not having success at all so these were very helpful.

MJ

Thank's Mansour for a great video.