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

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.

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>

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