CC Web Design Contest No. 1

lackattack · Post by **lackattack** » Sun Oct 15, 2006 10:54 am

CC Web Design Contest No. 1

Sub-page Navigation

We are in desparate need to improve the way sub-sections of a page are displayed.

For example:

Instructions
In this section:
Overview
How To Play
Score and Ranking
Feedback

The way we show them now is so non-obvious, a friend of mine who was playing for quite a while didn't know there was a separate place for private games.

I think we should have something better, tabs over the hard rule or sub-elements in the left hand side menu. So here's an invitation for proposals:

Community webdesigners, please propose your solution by posting here or by sending me a PM. The code should be CSS-based using our colour palette and avoiding the use of JavaScript.

If we use it you'll get 6 months premuim membership and achieve an untold level of fame!

Tr0y · Post by **Tr0y** » Sun Oct 15, 2006 3:51 pm

How about...

http://www.dynamicdrive.com/style/cssli ... olor-tabs/

Maybe flip the tabs upside down, and then you can put the header on the top of it.

:?:

This isn't really an entry, someone feel free to steal this, and post an example.

sully800 · Post by **sully800** » Sun Oct 15, 2006 9:26 pm

I agree that it needs to be changed but I can't help do that. Though I never thought of it as a suggestion, there have been several times that I scanned through the public game section looking for a private one because I forgot to click the extra link.

Tr0y · Post by **Tr0y** » Thu Oct 26, 2006 5:52 pm

bump...

lackattack · Post by **lackattack** » Thu Oct 26, 2006 9:08 pm

Thanks, Tr0y.

I'm going to use the upside-down version http://www.dynamicdrive.com/style/cssli ... r-tabs-ii/

I just haven't had any time for programming CC this month because of another project. But I'm wrapping it up and November & December should see some sweet CC improvements.

Tr0y · Post by **Tr0y** » Thu Oct 26, 2006 9:21 pm

Yea, I'm in the same boat, as you. I have a project I need to be wrapping up too.

lackattack · Post by **lackattack** » Fri Nov 03, 2006 3:07 pm

All done!

Thanks to everyone who participated in the contest (i.e. Tr0y :lol:

)

Tr0y · Post by **Tr0y** » Fri Nov 03, 2006 9:40 pm

nice

Bad Speler · Post by **Bad Speler** » Sat Nov 04, 2006 9:50 am

can that tab be a different colour? the red is a bit irritating.

nyg5680 · Post by **nyg5680** » Sat Nov 04, 2006 9:56 am

if it can be a diffrent color blue would prob be nice but as of right now they look so much better

lackattack · Post by **lackattack** » Sat Nov 04, 2006 10:27 am

Give me a colour code and I'll try it out... I'm really bad with colours.

lackattack · Post by **lackattack** » Sat Nov 04, 2006 3:10 pm

Okay how about this?

hit refresh (f5) to see the difference

nyg5680 · Post by **nyg5680** » Sat Nov 04, 2006 5:37 pm

looks just fine niice job lack

Bad Speler · Post by **Bad Speler** » Sat Nov 04, 2006 7:04 pm

thanks, much better.