Template:Navbox Tabs

.tab { text-align:center; font-size: 90%; padding: 3px; margin: 0px; border: 2px solid #426787; background-color: #1D578B; white-space: nowrap; cursor:pointer; }

span.tab:hover, div.tab:hover, td.tab:hover { background-color:#1b5181; color:#F4F26B; }

.tabselected { background-color:#17456e !important; border-bottom: 2px solid #17456E; color: #F4F26B; }

.tabcontainer p { margin:0; }

Purpose
This template is a tool to create navigation templates with a tabbed layout. This condenses the overall size of the navigation template but still offers everything in it. This makes navigation templates with a lot of content far less intimidating and much easier to get around.

This template can create up to 18 tabs. They will automatically break into multiple lines if the container is too narrow.

Usage
To use this template, start with this layout:

{{Parameter|fallback|The tab to load in case javascript does not load. The default tab also loads in case of error. {{Parameter|tab#|The name of each tab. Try to keep the names short as long names tend to look bad. You can also use images here. However, if you do, they should be entered with a blank "link=" parameter, or the linking to nothing option of Template:Image. If you neglect to do this, clicking the tab will take you to the that page instead of loading the tab.|Required}} {{Parameter|content#|The content you want to display for each tab. There is no limit here, but you may want to insert line breaks and adjust the width and height parameters to make the whole template look its best.|Required}}

Examples
To see examples of using this template, see the templates:
 * Template:Games
 * Template:Swords
 * Template:Shields
 * Template:Songs