User blog:2Actimv/Part 18. Contributing to a Wiki: Tabber and Tabview

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.

Tabber
This code is for tabber: Title1=text1 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.
 * -|Title2=text2
 * -|Title3=text3
 * -|Title4=text4

Example of a tabber: Featured article=The featured article of the month is...
 * -|Categories=Categories in this list.
 * -|The Wiki=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.

Tabview
This code is for tabview: PAGE1|TITLE1 PAGE2|TITLE2 PAGE3|TITLE3 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.