Re: [libreoffice-website] rollover buttons

2010/11/1 Matthew Carroll <m@tthew.org.uk>:
> Hi
>
> It's been a while since I saw quite such clunky rollover buttons, e.g.
> on the home page and download pages. It's fairly trivial to do this with
> a single image, avoiding the delay while the rollover loads the first
> time:
>
> http://css-discuss.incutio.com/wiki/Css_Rollovers
>
> Matthew
+1 I also noted that. But since this is a temporal site, I didn't say
anything. There is no previous image, just a new image on the
rollover, so I think the option of two images in one a changing the
image-position doesn't apply.

This is my fix, in style.css put:

#nav li a {
[...]
        [+] background:transparent
url(/img/controls/ControlElement_Tab_Complete_Mouseover.png) no-repeat
scroll 0 -100px;
}

#nav li a:hover {
        [-] background: #18a303;
        [-] background:
url(/img/controls/ControlElement_Tab_Complete_Mouseover.png)
no-repeat;
        [+] background-position: 0 0;
}

Others solutions are welcome. This one preloads the image so you need
just to move it.

Cheers

-- 
http://www.cjenkins.net/
http://csl-tec.softwarelibrecr.org/

-- 
E-mail to website+help@libreoffice.org for instructions on how to unsubscribe
List archives are available at http://www.libreoffice.org/lists/website/
All messages you send to this list will be publicly archived and cannot be deleted