FANDOM


CSS code to apply to MediaWiki:Wikia.css:

.hoverimage img {
    opacity: 0.85;
    filter: alpha(opacity=85);
}
 
.hoverimage img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

This will allow the image to be translucent to start with, and turn totally solid upon hover. Example coding:

<span class="hoverimage">[[File:Example Popup.png]]</span>

Will produce:
Example Popup

This was originally designed for Isle of Tune Wiki, but can be applied to other wikis.

This can also be applied to the wiki wordmark like this, such as on this page. CSS to apply:

#WikiHeader h1.wordmark img {
    opacity: 0.85;
    filter: alpha(opacity=85);
}
 
#WikiHeader h1.wordmark img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

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.