Template:UserTabs

==Summary== Easily add tabs to your user page without creating a ton of extra pages you'll never look at again. All you need to do is add a little bit of CSS into your common.css file (which is found under your Preferences->Appearance) and a very simple template on the top of whatever page you want to have the tabs, and now you have tabs. Enjoy. Ague (Contributions &bull; Message) 20:03, April 15, 2012 (EDT)

Usage

 * Your user page is the first Tab
 * Create the page User:your user name/SandBox and add the template with the number 2
 * Wash rinse, repeat for the rest of the tabs
 * If you want further customization, please get in touch with Ague (Contributions &bull; Message)

Example

 * All the tabs in the example link to Ague's stuff...

Customization Example

 * NOTE: You must list all your tabs in the template in order for the custom tabs to work. Failure to list the tabs names with a pipe "|" as noted below will result in the default tabs being used.

/* For Tabs on my User Page */ .tab { position: relative; float: left; width: 100px; margin-left: 0px; margin-right: 4px; border: solid 1px #aaa; border-bottom: none; text-align: center; height: 30px; vertical-align: text-bottom; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-top: 5px; box-shadow: 2px 2px 2px #000; background-color: #D0D0D0; } .clrAll { clear: both; } .tab:hover { background-color: #F9F9F9; } .tabActive { background-color: #E9E9E9; } .tabBody { border: solid 1px #AAA; padding: 5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #E9E9E9; width: 100%; position: relative; } .tab span { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; } .tabBody .toc { float: right; margin: 5px; } /* End Tabs */ User: User:/ User:/ User:/ User:/ User:/ User:/ Talk