Forum:Customizing New Wiki-nav

Forums: Index → General Discussion → Customizing New Wiki-nav

Fandom's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.

Note: This topic has been unedited for 4581 days. It is considered archived - the discussion is over. Information in this thread may be out of date. Do not add to unless it really needs a response.

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! --.Nobody Cares .Talk • Contribs. 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)