Paying $8 for design idea

[RSCharts]

Site: http://www.rscharts.com

I'm paying $8 for someone to help me think of a new design that will improve the look of server listings on my website. Listings currently look like:

http://puu.sh/4JNww.png

However, I think they can be improved. Anyone up for it? 🙂

 

[D]

Remove that horrible box-shadow for a start.

 

[GSquadron]

Remove that horrible box-shadow for a start.

+1

 

[P8I.com]

You really should implement those changes I made to your header. As for this portion...

Here's an extremely fast design concept I came up with for you:
http://p8i.com/forum/rsscharts.png

Things to keep in mind:
Color scheme
Consistency
White space
Hierarchy

 

[GSquadron]

@P8I
That design is minimal but the colors chosen are not good

 

[P8I.com]

Colors were based on his existing theme. I think they're fine.

 

[coldvamp]

Just some changes with CSS 🙂

.server {
width: 650px;
float: left;
padding-top: 80px;
margin-bottom: 25px;
background-color: #f6f6f6;
-moz-box-shadow: 0px 4px 7px -3px #B3B3B3;
-webkit-box-shadow: 0px 4px 7px -3px #B3B3B3;
box-shadow: 0px 4px 7px -3px #B3B3B3;
position: relative;
border: 1px solid #777;
word-break: break-word;
}


.server .rank .tri {
display: none;
}

.server .rank {
position: absolute;
left: 0px;
background-color: #54c5ee;
padding: 10px;
color: white;
top: 0px;
width: 630px;
font-family: Calibri;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.27);
}

.server .content {
margin-left: 20px;
margin-right: 20px;
font-family: verdana;
color: #666;
font-size: 12px;
text-shadow: 0 -1px 0 white;
}

.server .tags{
margin: 0 auto;
width: 650px;
float: left;
background-color: #d0effa;
border-top: 1px solid #82d5f3;
text-align: center;
margin-left: -20px;
}

.server .bar{
display:none;
}

server .tags li {
display: inline;
margin-right: 7px;
padding: 3px;
background-color: transparent;
border-top: none;
position: relative;
top: -7px;
}

 

[nolvorite]

Heck I can design it for ya 😀