Forum:How do I make excellent tabs

Forums: Index → Community Central Forum → How do I make excellent tabs

Fandom's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.

Note: This topic has been unedited for 5067 days. It is considered archived - the discussion is over. Information in this thread may be out of date. Do not add to unless it really needs a response.

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)

Forum:How do I make excellent tabs

Fan Feed