Forum:Customizing New Wiki-nav

Hi! The new navigation just got added to Songpedia, it worked very well and everyone loves it, but other than that, I want it to look nice. This code doesn't work anymore please update it to the new code(s): .WikiHeader nav { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) !important; color: #000 !important; font-size: 95%; -moz-border-radius: 19px; -webkit-border-radius: 19px; } .WikiHeader nav:first-child a { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) !important; color: #000 !important; -moz-border-radius: 19px; -webkit-border-radius: 19px; } .WikiHeader li:hover { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) !important; color: #696969 !important; font-weight: bold; -moz-border-radius: 19px; -webkit-border-radius: 19px; } .WikiHeader li { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) !important; color: black !important; } .WikiHeader li { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) !important; color: black !important; } .WikiHeader li a { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) no-repeat !important; color: black !important; } .WikiHeader li:first-child a { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) no-repeat !important; color: black !important; } .WikiHeader .subnav { background-color: #dcdcdc !important; color: black !important; border: 1px solid #000 !important; font-weight: normal; -webkit-border-bottom-left-radius:0.9em; -webkit-border-bottom-right-radius:0.9em; -moz-box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75); -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75); } .WikiHeader .subnav a { background-color: #dcdcdc !important; color: #fff !important; font-weight: normal; } .WikiHeader .subnav li a { background-color: #dcdcdc !important; color: black !important; border-top: 1px solid #000; font-weight: normal; } .WikiHeader .subnav li a:hover { background-color: #fff !important; color: #000 !important; font-weight: normal; } .WikiHeader .subnav li:first-child { background-color: #dcdcdc !important; color: black !important; font-weight: normal; } .WikiHeader .subnav li:first-child a:hover { background-color: #FFFFFF !important; font-weight: normal; color: #000 !important; } .WikiHeader .subnav a:hover { background-color: #FFFFFF; !important; color: #000 !important; font-weight: normal; } Thanks! -- 11:03, October 4, 2011 (UTC)


 * What is it that you are asking? Since the old and new nav menus are quite different, you can't just rename the selectors to the new ones and hope it will look as expected. You need to be specific about what you want the menu to look like.


 * Also, nice editor theme, too bad you didn't copy the documentation for it, since it might be useful for other wikis, trying to customize their editor layout. — Sovq 12:01, October 4, 2011 (UTC)


 * Hi! sorry for not being so specific. Since you know there is a new navigation in Songpedia, then you might know I'm just trying to make it have the gradient themes. I was just asking to update the code for it to work for the new wiki nav.


 * I'll make a documentation on how to customize it, although it might not be too easy as it took me three days to fully understand my research about the codes, and it took me another whole day to make it work well. I'll make a draft of it, then make it a real page.
 * -- 13:04, October 4, 2011 (UTC)