[pmwiki-users] Proposition for a new PmWiki Skin

Kathryn Andersen kat_lists at katspace.homelinux.org
Sat Oct 8 22:12:25 CDT 2011


Just a quick first-pass...

On Sun, Oct 09, 2011 at 01:11:32AM +0200, Eric Forgeot wrote:
> There is a sample there:
> http://anamnese.online.fr/pmwiki-efo/index.php/PmWiki/PmWiki (password
> is pmwiki)
> 
> - The content is written with a darker and bigger font than the menu,
> because it helps to focus more on the text.

Still, the menu text is too pale.
 
> - The content is using a serif font (more readable). The letters are
> maybe too big. I'll probably update this with a smaller text size in the
> future.

You should allow people to set their own text size; don't mess with
the default size.
Some people need very large font sizes, and others, small.
 
> - For the CSS, I tried to use as many "em" I could, instead of "px". I
> don't know if it's really a good thing: because of inheritance, it makes
> it really tricky to customise the font size.

Which means one shouldn't customize the font size.
 
> - There is a logo div, and a title div. There is also a background
> picture ready to customise, because it's probably what people need to
> use on their website. At the moment, it's just plain blue, to match the
> link color. It looks a bit big and empty as it is, but with a real
> picture it's ok in my opinion.

The background picture is not good, because when someone changes
the font size, it stays the same size, and the layout looks wierd.

Better to give the header div a different colour - even that same colour
blue, because then it will scale when people change font sizes.

> - For the links, I tried to follow the previous recommandations: blue,
> with a different color for followed links (yet I must admit the
> difference is not very noticable)

Perhaps then it should be made more noticeable.
 
> - There are some CSS3 effects. Not visible in internet explorer, but it
> doesn't look bad either (the theme on http://paulgiacherio.kodingen.com
> doesn't render well in IE)

If you're going with some CSS3 effects, you could put a shadow on the
header div, then you'd end up with something similar to what you get
with your existing background image.
 
-- 
 _--_|\     | Kathryn Andersen	<http://www.katspace.org>
/      \    | 
\_.--.*/    | <http://kerravonsen.dreamwidth.org/>
      v     | <http://kerravonsen.redbubble.com/>
------------| Melbourne -> Victoria -> Australia -> Southern Hemisphere
Maranatha!  |	-> Earth -> Sol -> Milky Way Galaxy -> Universe



More information about the pmwiki-users mailing list