Skinning Guide

Awesome! This could be very useful. Keep up the good work!

Awesome! Yes, please continue your work and go for it!
This would make my modification much easier! Thanks for the effort!

Thanks for the encouragement Arne. I have now finished Part 1 i.e. the part dealing with the table elements apart from a little tidying up. I have updated the uploaded file which is at the same link as before.

BTW. If anybody spots any errors could they please let me know.

Glad you like it so far. I just spotted a mistake which I have now corrected. I have just worked out your naming system for styles, better late than never

I am a bit confused, what do you mean about the image that has to be created for styles? Are you talking about a guide on how to add graphics as backgrounds etc or do you mean the images I am using for the skinning guide?

So far I can't think of any other changes I would make to the CSS. Of course there is some fancy stuff that could be done like turning the menu into rollover buttons just using CSS (no graphics) but thats more something for individuals to do in their own skins.

Now I had better get on and deal with Part 2 which covers the text elements of the board.

No, I'm talking about the images that you can find in /img. Cobalt_new.png, Lithium_new.png, Mercury_new.png etc. If you add a new css file you also have to create an image. It's the new post icon that appears on the index page.

Mako will probebly get mad at me for this one!?

couldent u add a CSS tag for the Input field and the Input buttons (like submit)

i tried it on my pun and its looks pretty fancy
it fits the clean look of the punBB

http://www.zetterstrom.info/bb/

i put the punBB up yesterday, so its still in its cradle

Great job on PDF by the way

Ah, now I remember why I chose not to do that earlier. It isn't possible to change the border of <SELECT> elements. It doesn't work in IE and it doesn't work in Mozilla. Opera is the only browser in which it apperas to work.

Just to let people know the skinning guide is getting done, its just taking longer than I thought. I was delayed by having to work for a living. Anyway, I have altered a few things and added quite a lot. Main thing left to do is to deal with the styles for text links and form elements plus a few bits and pieces. If anybody wants to take a look a latest version is at the same link as before.

Thanks Kennel. I have sorted out the errors now and am very nearly finished.

One thing I am a bit stumped on at the moment. There is a class .punhot and also link and hover pseudo classes for punhot. I assume these are for hot topics but I cannot find how to configure a topic as hot and none of the topics on this board show up as hot. Am I missing something obvious.

As for the stylesheet generally, there is nothing I can think of at the moment which needs changing. I think it is probably as small as it can be. The only thing that I might think of adding is a way to style the main menu so it could be made to stand out more. Apart from that I think adding more classes for different board elements is a bad idea as you can end up with a skin which looks inconsistent which rather defeats the whole purpose of using CSS.

That explains why I couln't find it. Rather than get rid of it why not change it to .punclosed { color: #AAAAAA } since you already have link and hover styles for punclosed. That way you keep the colour differentiation for users that are not validated and you can remove the punhot link and hover styles.