Zaphod wrote:

I think having one sprite for icons and hover icons is a way better choice... not so difficult to handle.

Nothing will prevent you in doing so for your theme by adding a css rule for each hovered icon (40 rules). I will be doing the simple way in the generic themes because there are three of thems and it is easier for me. Maybe we'll change it one day later ...

Zaphod wrote:

The main drawback is the first time the "hover" icon is displayed.
I think it gives a much better impression without the lag...

I suppose the lag will occur only on the first icon, then it will load instantly on other icons. So that's not a big problem.

I see the pink colors on the Sylvia theme (+ orange for :hover) and I find it quite good :-)

Piwigo 2.1


Piwigo 2.2


1) there should be no border-bottom on :hover in Sylvia

2) start_filter.png is not in the sprite

3) I'm not really fond of this icon set for the theme clear but maybe it's because I'm used to the previous style. On picture.php, maybe we should not change the background color on :hover, I don't know, this is just my first reaction :-)

I think I'll chose something intermediate (the sprite concept is good, but I do not want only one sprite for all icons (only icons of the same size and on the same page).

One other comment... I prefer a lot the old sylvia icons... I'm not a big fan of the gally/graphite icon set.
They are more "harsh" (no color gradient, for example).

I tried the icon sprites on the theme stripped here :
http://www.audreyetjulien.fr/test/pictu … category/3

I like this system very much.
I prefer grouping icons by size (here are only 20x20 icons), and having unactive / active / hover icons on the same sprite.

It's easy to use : X position for the icon, Y position for the state.
It's extremely easy to edit with gimp.

As there is only one color and the transparency is given by the alpha channel, you just have to select an icon line, select all channels but alpha channel, select the color you want (#ff3363 for Sylvia, for example), and press Ctrl+, .
(you can also only change the hue with the color menu).

Here is an example of an xcf file with 24x24 navbuttons for Sylvia :
http://zappod.free.fr/_web/picture_sylvia.xcf

Last edited by Zaphod (2010-12-16 23:06:14)

You can use a PNG, but on the xcf remembers the guidelines that can be useful for icon selection, and the XCF files are set to be opened with Gimp.
The XCF are my "work files", not PNGs. That's just a personnal preference.