[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