Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design Need help with this nice tab template not sure where content goes

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #260543
    itscbiz
    Participant

    Where in this nice template does the content for the other tabs go?
    https://css-tricks.com/svg-tabs-using-svg-shape-template/

    #260549
    Paulie_D
    Member

    Did you read the article?…It has full HTML mark-up and CSS explaining it.

    #260568
    itscbiz
    Participant

    Yes, I read it, I see where the main article goes, but where does the stuff go for the other tabs? I wouldn’t have asked if I understood the directions. Would you please give me an example or let me know where? I really can’t figure it out.

    #260618
    Joanne Masterson
    Participant

    Hey @tscbiz

    Maybe you’ve solved it by now.

    But I’m wondering if you copied the HTML under the #DEMO heading, that would set you up to paste in your other text for the other tabs

    #260626
    JeroenR
    Participant

    I can’t find any explanation on the thing you are trying to find, so here is a possible solution.
    Since the switching of classnames is already handled by javascript, you can use that same function to identify the content you want to see.
    I have added multiple articles with id’s corresponding to the href attribute of the anchors in the list items. That id is being used to show the right article.
    https://codepen.io/jeroenreijs/pen/KXWGxq

    Maybe this can help you out.

    #260677
    itscbiz
    Participant

    Thank you so much JeroenR ! That’s what I couldn’t figure out.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design’ is closed to new topics and replies.