Forum for all

Well well, its been one long day and its been one productive day. Today I decided that I wanted to get some really visual stuff done (its a good feel good feeling) so I decided that I had designed my discussion board enough that I could start on it. I put together the 4 new tables

Sections$lt;topics$lt;articles$lt;replies

This is the structure of the board. With sections such as Admin, Public and users. And each has a number of topics which users can then post articles in the topic about the topic. From which any users can reply and comment on it. Below you can see the main page of the forum. I have currently gone with a very heavy Css3 design style. I know this will not work correctly with all browsers (mainly IE7 and less) but I will go back and code it in a way that means it will still be functional even if the corners are curved and faded colours don't work.

This next image is once you have clicked on a topic in this case its "Networking" it will list all the articles in that topic. It will display total replies to that article and who was the last to comment on it (if no replies then its when article was created)

Here is the article page with all the replies underneath the coloured Article. So you can clearly see the main article. There is also links for each users name linking directly to there portfolio and date stamps on each comment posted.

There is also a breadcrumb across the top of the forum all the way through so you can go back a step or two if required. I used opacity for hover overs and displaying of the forum itself. I wanted the best I could staying away from the fixed boring look of a table design. I managed it on the "sections" page but not on the "topic" page as I needed to show author, updated time and replies in lines of data.

Also something that was completed other night was making backgrounds pickable by the user who can now upload a background as they wish, It will resize and overlay a semi transparent white over the top to dull it down as I don't want completely bright images on the site.