Community Central


Part 18. Contributing to a Wiki: Tabber and Tabview

2Actimv October 6, 2013 User blog:2Actimv
Wikia Blog logo text 002

Tabber and tabview are great ways to show some information in a small space. You can also use it for show some categories or featured articles.


This code is for tabber:


Remove Title1, Title2 etc. for the titles of the tabber and text1, text2. etc. for the text in the tabber. If the tabber has less space than on a normal page he'll change the size automatically.

Example of a tabber:

The featured article of the month is...

Categories in this list.

Some information of the wiki here.

If you want to customize the style of the tabber, feel free to contact me on my message wall for help.


This code is for tabview:


Insert on the place of PAGE1, PAGE2 etc. the links to the pages you want to show, insert on the place of TITLE1, TITLE2 etc. the titles you want to show.

The tabview shows automatically all text and templates of the page in the tab.

If you want to customize this please change this code and add it to MediaWiki:Wikia.css on your wiki:

/* Style of all unselected tabs */
.yui-navset .yui-nav li
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: #2F4F4F;
    color: white;
    font-size: 12px;
    margin-top: 7px;
    padding: 6px 20px 3px;

/* Style of the selected tab */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a
    background-color: #2F4F4F;
    color: white;
    font-weight: bold;

With this code you can change the font weight, background color, font color, border radius and padding.

If you have questions about tabber and tabview or want help with something please go to my message wall to ask me about it. You can also ask an admin on this wiki, go to the forum or ask in the chat.

2Actimv's Help Blog
≤ Previous Next ≥

Also on Fandom

Random Wiki