Template:UserTabs

== Summary ==

Setting up your Personal Pages

 * Start with your user page
 * Make this your first line:
 * Replace  with your username.
 * Next your talk page
 * Make this your first line:
 * Replace  with your username.
 * You can now use the red links on the tabs on your user/talk page to create the other pages
 * Make the first line of each page:
 * Replace  with your username and <#> with the tab number.


 * If you want further customization, please get in touch with Ague (Contributions &bull; Message)
 * SPECIAL NOTE: Don't forget to add the code (with the correct page number) to each and every page you want the tabs to show up on.

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.  You have a maximum of 5 tabs to customize.  I'm working on a method to expand and/or enlarge that if needed on request.

CODING
/* 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:/ Archives Talk