Fandom

Wikia Developers Wiki

NavigationbarHoverDesign

896pages on
this wiki
Add New Page
Talk0 Share
Nuvola apps kservices This article is about a system or feature that is no longer in use.
  • The page is retained for historical reasons.

This CSS code adds a gradient element on the hover of the navigation banner. Very useful when your banner is black and you else won't see the shadow when you move your cursor over a button on the banner. This CSS code is more for fun and personal use since it doesn't really serve any purpose until you add buttons to the banner, like a clock for example.

Implementation

Copy this into your wiki's MediaWiki:Wikia.css

/* Navbardesign hover */
#WikiaHeader nav:hover {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, #000000), color-stop(0.57, #990000), color-stop(0.79, #000000));
    background-image: -webkit-linear-gradient(bottom, #000000 13%, #990000 57%, #000000 79%);
    background-image: linear-gradient(bottom, #000000 13%, #990000 57%, #000000 79%);
}

Tweaks

You can change the color to whatever you want it to be:

  • #000000
  • #990000

Bugs

  • The hover will not be activated when you move your mouse to AcountNavigation and notes.

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.