Hi All,
I want the logo of a wiki to change to a different image when the mouse hovers over it. So. I modified the p-logo section of monobook.php as follows:
<div class="portlet" id="p-logo">
<a href="<?php echo htmlspecialchars($this->data['nav_urls']['mainpage']['href'])?>"><img src="<?php $this->text('logopath') ?>" width="150" alt="Go to the Home Page"/></a>
</div>
Then, I modified the p-logo anchor styles in main.css as follows.
#p-logo a,
display: block;
height: 175px;
width: 150px;
background:url(image1.png) no-repeat top left;
background-position: 35% 50% !important;
text-decoration: none;
}
#p-logo a:hover {
display: block;
height: 175px;
width: 150px;
background:url(image2.png) no-repeat top left;
background-position: 35% 50% !important;
text-decoration: none;
}
Finally, in localsettings.php I set the logopath to a transparent png file.
However, neither of the background images is displayed by MediaWiki. Does anyone know what other files or styles need to be modified to make this work?
Best,
Jim Sweet