Forum:Profile Tabs

Hi! I want to change my wiki's profile tabs (account navigation) on the profile pages so it can be more like this wiki's: Can someone please help me? Thank you so much! Here's a preview of how it looks: :)

14:07, July 18, 2012 (UTC)


 * I think the code that changes those on the wizards wiki is found here, a section at the bottom under where it says "/*changing tabs on profiles*/"
 * If you copy and paste all the code under that line into the Mediawiki:Wikia.css page on your wiki, (not forgetting to give credit to the wiki you got it from), it should make the tabs appear as on that wiki-- Category:Acer4666 15:44, July 18, 2012 (UTC)


 * Thank you but I've tried that and it did not work. :(
 * Jessie1010.png 02:10, July 19, 2012 (UTC)


 * Can you link to the wiki you're trying to do it on?-- Category:Acer4666 02:12, July 19, 2012 (UTC)


 * Jessie Wiki :)
 * Jessie1010.png 11:40, July 19, 2012 (UTC)
 * Still waiting. :)
 * Jessie1010.png 14:52, July 20, 2012 (UTC)
 * Hello?
 * Jessie1010.png 14:57, July 22, 2012 (UTC)
 * Jessie1010.png 12:43, July 23, 2012 (UTC)
 * If anyone can help me that'd be great :)
 * Jessie1010.png 19:00, July 28, 2012 (UTC)
 * Jessie1010.png 19:00, July 28, 2012 (UTC)

The code you need to put into your Wikia.css is the following:  /*changing tabs on profiles*/ .tabs-container .tabs .selected a { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #dfabf0), color-stop(65%, #cf7fe9)) !important; background-image: -moz-linear-gradient(center top, #dfabf0 35%, #cf7fe9 65%) !important; background-color: #cf7fe9; padding: 6px 10px 4px !important; color: white !important; } .tabs-container .tabs li:not(.selected) a { background-color: white; margin-top: 2px; color: #cf7fe9 !important; } .WikiaUserPagesHeader .tabs-container .tabs .selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-color: #cf7fe9; overflow: hidden; } .WikiaUserPagesHeader .tabs-container .tabs { border-bottom: 1px solid #cf7fe9; } .WikiaUserPagesHeader .tabs li a { border-color: #dfabf0; border-style: solid; border-width: 3px 2px 0 1px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; min-width: 70px; padding: 4px 10px; } I looked at your Wikia.css and it seems you only copied a part of it. Try it again, and use Shift+refresh to refresh the code. -- 20:16, July 28, 2012 (UTC)