Dynamic Page Content- HTML/CSS Using...

User 2321757 Photo


Registered User
9 posts

Hi everyone,

Firstly, thanks for all the help with my last problem, you solved it.

Next is something I hope is fairly simple and straightforward.

I want to have much information displayed on a 1-page website,
and have the means of navigation through Tabs.

Some thing like this would be perfect:http://www.nicheheroleadership.com/
(If you click the; 'About this Course','Course Outline'or 'Testimonials', tabs you'll see what I mean)


I have sourced the relevant HTML/Coding for such a tab interface: http://www.cssjunction.com/tutorials/jq … a-bit-css/

However any attempts at this tutorial or any other one, results in something close to, but far off what the end result should look like.

I would love to just have the HTML code for the above NicheHero website tabs,
then create 3 (#anchored?) pages to match the links within the tabs,
lastly just add the content of the 3 pages to what is needed.

Ending up with a tab system, very similar to what is displayed on the aforementioned website, but with my own content.

Is this possible in Coffeecup VSD?

Any help with the HTML/Coding please?


Thank you.

Tariq.
User 2321757 Photo


Registered User
9 posts

SOLVED!!


Thank you.
User 187934 Photo


Senior Advisor
20,271 posts

As you found out it is possible. Isn't JQuery awesome! If you need anything else just post or take a look at the site in my signature. It's full of advanced examples of what can be done in VSD. Have fun with your new discovery and welcome to Coffeecup.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.