The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Tabs navigation menu

View previous topic View next topic Go down

Completed Tabs navigation menu

Post by sun1994 on November 30th 2011, 5:32 pm

Haay, again. ;p

I was wondering how do you make tabs? (Like on this site: click)
I want to make a tab navigation in a floating menu above my table. I'm using a punBB forum.

Thanks in advance!


Last edited by sun1994 on December 8th 2011, 7:41 pm; edited 1 time in total
avatar
sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Completed Re: Tabs navigation menu

Post by Guest on November 30th 2011, 6:34 pm

Click View Source. You'll find the codes are used for this. Wink

Guest
Guest


Back to top Go down

Completed Re: Tabs navigation menu

Post by sun1994 on November 30th 2011, 8:18 pm

I tried, but it doesn't work. Sad
Also tried it with many other tab navigations on other sites, same result.
Forumotion only gives the link etc, no tab whatsoever.
avatar
sun1994
Forumember

Posts : 81
Reputation : 1
Language : dutch

Back to top Go down

Completed Re: Tabs navigation menu

Post by blindbat1457 on November 30th 2011, 9:08 pm

Here is the non JS code but you need the CSS in order for it to work.

Code:
<div class="usual">
  <ul class="idTabs">
    <li><a href="#idTab1">Tab 1</a></li>
    <li><a href="#idTab2">Tab 2</a></li>
    <li><a href="#idTab3" class="selected">Tab 3</a></li>
  </ul>
  <div id="idTab1">This is tab 1.</div>
  <div id="idTab2">More content in tab 2.</div>
  <div id="idTab3">Tab 3 is always last!</div>
</div>
avatar
blindbat1457
Forumember

Male Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum