Template:MarinesTabbedNav

From Clogopedia, the Natural Selection 2 Wiki
Jump to: navigation, search

Tabbed Nav Usage

The tabbed nav is a modified version of [1], to work better with the wiki. To use you need to wrap your wiki content in divs, one around everything you want tabbified with class="tabber", then each page inside needs to be wrapped by a div with class="tabbertab", then finally each tab heading needs to be a div inside the tab it is for with class="tabbertitle". Note: unusual tabbertitle formatting may make break the styling.

Example 1

<div class="NavFrame">

  <div class="NavHead">[[Marines|Frontiersmen]]</div> 
  <div class="NavContent">
    <div class="tabber">
      <div class="tabbertab">
        <div class="tabbertitle">'''General'''</div>
[[MASC|M.A.S.C]] - [[Welder Bot]] - [[Builder Bot]] - [[Marine commander]]
      </div>
      <div class="tabbertab">
        <div class="tabbertitle">'''[[Marine#Weapons|Weapons]]'''</div>
[[Flamethrower]] - [[Shotgun]]
      </div>
      <div class="tabbertab">
Some other stuff that won't show up because there is no tab title.
      </div>
    </div>
  </div>

</div>

gives:

Example 2, nested

<div class="NavFrame">

  <div class="NavHead">[[Marines|Frontiersmen]]</div> 
  <div class="NavContent">
    <div class="tabber">
      <div class="tabbertab">
        <div class="tabbertitle">'''General'''</div>
[[MASC|M.A.S.C]] - [[Welder Bot]] - [[Builder Bot]] - [[Marine commander]]
        <div class="tabber">
          <div class="tabbertab">
            <div class="tabbertitle">'''[[Marine#Weapons|Weapons]]'''</div>
[[Flamethrower]] - [[Shotgun]]
          </div>
          <div class="tabbertab">
            <div class="tabbertitle"> a </div>
b
          </div>
        </div>
      </div>

    </div>
  </div>

</div>

gives: