Page 1 of 1

Skin ConquerClub: a CSS Challenge

PostPosted: Sun May 28, 2006 12:10 pm
by Twill
There are many little changes we would all like to see to the layout of the game page and the rest of the CC site, well, now is your chance to make that happen.

The Conquer Club Staff would officially like to challenge the entire CC community to create a new layout for the site in CSS.

The entire CC site (except the forum) is designed in CSS, making it "easy" to tweak or completely overhaul - even by you - and we want to see what you can do. After all, it's you guys who know where you want what.

You have free reign over what you can change, where you put it, how you size it and what you do with it. If and when you come up with a stylesheet, send me a PM and post the stylesheet here. The staff and the community will look them over, try them out, and if one is good enough, it might even find itself as a new default skin.

The challenge will run until the end of June, so you have plenty of time but get cracking on it soon so you can get feedback and make changes to your CSS skin so it is even better.

To figure out the items that you need to set properties for, just take a look at the CC source code (right click > view source)

  • If you use Firefox, you can get a few extensions to help you along, EditCSS might be a good place to start.
  • To see what is possible with CSS, visit the famous CSS Zen Garden
  • If you have no idea what CSS is, but still want to have a go at it, check out the CSS Tutorial at W3schools.com


Get Skinning, have fun, and help make CC even better.

Twill

PostPosted: Mon May 29, 2006 9:53 am
by Tr0y
I may take a shot at this...

PostPosted: Mon May 29, 2006 12:14 pm
by Pedronicus
Will the name of the winning versions creator be published so we can see who's done it?

PostPosted: Mon May 29, 2006 12:21 pm
by Twill
I dont see why not ped, sounds like a good idea :)

PostPosted: Mon May 29, 2006 1:39 pm
by Haydena
It wouldn't be possible to be able to choose which design we want to have preferences would it?

Just in case I don't like the new design :)

PostPosted: Tue May 30, 2006 8:48 pm
by Tr0y
Request to add id tags to navigation items.

Change Sidebar Source to
Code: Select all
<h3>Game Menu</h3>
<ul>
  <li><a id="nav_mygames" href="player.php?page=mygames">My Games</a></li>
  <li><a id="nav_joingame" href="player.php?page=join1">Join A Game</a></li>
  <li><a id="nav_creategame" href="player.php?page=start">Start Your Own Game</a></li>
  <li><a id="nav_findgame" href="player.php?page=find">Game Finder</a></li>
</ul>
<h3>Player Menu</h3>
<ul>
  <li><a id="nav_inbox" href="forum/privmsg.php?folder=inbox">Inbox</a></li>
  <li><a id="nav_editprofile" href="forum/profile.php?mode=editprofile">My Profile</a></li>
  <li><a id="nav_settings" href="player.php?page=settings">My Settings</a></li>
  <li><a id="nav_grievances" href="player.php?page=grievances">My Grievances</a></li>
  <li><a id="nav_premium" href="player.php?page=premium">Premium Membership</a></li>
  <li><a id="nav_referafriend" href="player.php?page=referafriend">Refer-A-Friend</a></li>
  <li><a id="nav_logout" href="logout.php">Logout</a></li>
</ul>

Change Top Nav Source to
Code: Select all
<ul>
  <li><a id="nav_home" href="public.php?page=home">Home</a><span class="divider"> : </span></li>
  <li><a id="nav_about" href="public.php?page=about">How to Play</a><span class="divider"> : </span></li>
  <li><a id="nav_scoreboard" href="public.php?page=scoreboard">Scoreboard</a><span class="divider"> : </span></li>
  <li><a id="nav_forum" href="forum/index.php">Club Forum</a><span class="divider"> : </span></li>
  <li><a id="nav_rules" href="public.php?page=rules">Rules</a><span class="divider"> : </span></li>
  <li><a id="nav_contact" href="public.php?page=contact">Contact</a><span class="divider"> : </span></li>
</ul>


This will allow for for css menu's with images.
e.g. http://www.alistapart.com/d/sprites/ala-image3.html

PostPosted: Wed May 31, 2006 5:11 am
by igor78
hi everyone in club

PostPosted: Wed May 31, 2006 4:49 pm
by kevinc
troy - do you specifically needthat for a design? I've found background images on the list iself is usually easier.

PostPosted: Wed May 31, 2006 11:47 pm
by Tr0y
One could use a large graphic on the background, however if I wanted to iconify the menu I would need an id on all the links.

Iconifying the menu would allow for more map space.

PostPosted: Thu Jun 01, 2006 12:21 am
by thegrimsleeper
Tr0y wrote:Iconifying the menu would allow for more map space.


Ooooohhh..... Tr0y = my h3r0.

PostPosted: Thu Jun 01, 2006 6:23 am
by PaperPlunger
h3 h4x0rz!!

PostPosted: Thu Jun 01, 2006 7:50 am
by kevinc
Tr0y wrote:One could use a large graphic on the background, however if I wanted to iconify the menu I would need an id on all the links.


If the icons are a standard size you should be able to manage it without it.

It's a nice idea BTW!

PostPosted: Sun Jun 11, 2006 6:56 pm
by ynot4by4
how about a link to see the maps you have not played before. to see what your getting into.

PostPosted: Sat Jun 17, 2006 12:52 pm
by thegrimsleeper
How about using the Game Finder to find a game that was played on the map you want to view?