mmmurf needed a new button or icon design and created a contest on 99designs.
A winner was selected from 22 designs submitted by 8 freelance designers.
We are using a drag'n drop ajax interface and the problem is that our draggable items are not sexy enough.
It's simple, we just need to be able to style the li element so that it's draggable, (uses the move cursor) and so that it looks like something the user would really want to drag. We want it to have a fun appearance, as if the app is made of shiny space-age plastic.
We like the shiny look of the tabs on this site: http://www.woome.com/
The ul containing the li items is set to not put each one on a new line. Thus the li elements may wrap around if the text inside is too big.
Here is the css we are using at present. The li elements have a bit of other styling based on what type they are, but it is pretty much just the background color -- we've posted this contest b/c we want it to look much better.
ul#container {
display: inline;
float: left;
margin: 0 0 15px;
}
ul#container li, ul#first li, ul#second li {
margin: 20px 4px;
padding: 2px 8px 2px 18px;
border: 1px solid #bdd5e5;
border-width: 1px 1px 1px 5px;
background-color: #e8f1ff;
background-image: none;
line-height: 210%;
display:inline;
cursor: move;
}
- The design must work if the li items are each on a new line or if they wrap
- we need 7 different bright, fun colors (think imac or fruit loops)
- we want there to be some texture to make it obvious that they should be dragged.
- we like a shiny, plastic-like look.
- we like fun, fresh colors of the kind that google often uses on their sites.
- ideally there is a transparent bg image that we can add to the css to give the elements texture and shine, and then set the color via css to make them all look unique -- not sure if this is possible.
- Right now as you can see they are fairly short, it would be nice if they also looked good a bit taller as well as the height we have them now.
- the design should not limit the length of text that can be included in the li too much. don't assume they are all only 3 words.