[Mediawiki-l] Change logo on hover

[James Sweet]

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