[Mediawiki-l] Change logo on hover

Jim Wilson wilson.jim.r at gmail.com
Thu Nov 8 23:15:19 UTC 2007


Why did you add the <img> tag to the Monobook skin?  It should be
sufficient to edit only the [[MediaWiki:Monobook.css]] article to do
what you want.

On Nov 8, 2007 2:25 PM, James Sweet <james at educationarchitects.com> wrote:
> 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
>
>
>
> _______________________________________________
> MediaWiki-l mailing list
> MediaWiki-l at lists.wikimedia.org
> http://lists.wikimedia.org/mailman/listinfo/mediawiki-l
>



More information about the MediaWiki-l mailing list