Forum:How do I make excellent tabs

How do you make tab boxes here is what i want to see http://gaming.wikia.com/wiki/Template:NavTabs, also if there is a solution how do I change the tabs colors?--Andrew Schlieffen Executive Administrator of Modern Wikia and Valkyrie Movie Wikia 01:09, June 3, 2010 (UTC)


 * Copy that template to the wiki you need it on (from the gaming wiki hub) and replace/update the links associated with each tab to the page you are creating/wish to link to and adjust number to suit. Do it one at a time and first test it before doing the rest. As they are shaded there will be a colour setting some were change the Hex code. (on wikipedia there is a page with the colour codes - (search for web colours IRC, or there might be a page in help (i added it to my wiki's help as a usefull ref page)).


 * Record the source of the template code in the edit summary, "copied from xyz wiki" then anybody looking at it latter knows were it came from for fixing / updating issues latter on.


 * There may be other templates needed as well (cannot remember from when I looked at it a bit back, as a possible solution to a problem i have of whether to have sub pages for year related data in some pages, or just all in the main page or via normal wiki links) - BulldozerD11 11:58, June 3, 2010 (UTC)


 * If you copy that template, you'll also want to paste the following text into your wiki's MediaWiki:Common.css:

/* Homepage/Portal Tabs */ .activetab { padding:5px 12px 6px 12px; background:#C2C6CF; text-decoration:none; color:black; -moz-border-radius-topright:0.5em; -moz-border-radius-topleft:0.5em; border-top: 1px solid #777A7F; border-left: 1px solid #777A7F; border-right: 1px solid #777A7F; white-space:nowrap; }

.inactivetab { border-top: 1px solid #C2C6CF; border-left: 1px solid #C2C6CF; border-right: 1px solid #C2C6CF; white-space:nowrap; }

a .inactivetab { padding:5px 12px 5px 12px; text-decoration:none; background:#F5F5F5; color:black; -moz-border-radius-topright:0.5em; -moz-border-radius-topleft:0.5em; }

a .inactivetab:link, a .inactivetab:visited, a .inactivetab:focus, a .inactivetab:hover, a .inactivetab:active { text-decoration:none; background:#C2C6CF; color:black; border-top: 1px solid #777A7F; border-left: 1px solid #777A7F; border-right: 1px solid #777A7F; }

/* end homepage/portal tab code */
 * Feel free to adjust the colours as desired. - Adan Aileron (talk) 17:26, June 3, 2010 (UTC)