New website layout!, Monkey Robot Rating Options

[mipadi]

After having the same basic layout for almost 5 years, I've finally redesigned my website. It's nothing flashy, but I now present to you the new and improved Monkey Robot! Here's a preview:

click to enlarge

Here are some of the goals I had in redesigning the site:

1. Minimalist design emphasizes the content of the site.
2. Almost all dimensions are specified using ems, which means the site should scale well under multiple resolutions and screen DPI's. (Previously, dimensions were expressed in pixels, which meant that the site didn't look that great in high resolutions or on really sharp screens.)
3. Human-friendly URLs!

(Much thanks to Janette for designing the text for the website logo, and everyone else who lent a hand in tweaking the logo for me.)

[Mikeplyts]

Well, it's awesome! I like the logo too! (I had some other ideas in mind for the logo but w/e. :p) The only thing that kind of bugs me is how the left side is fixed. Idk, it kind of looks unprofessional and a bit annoying. Otherwise, good job!

[Maccabee]

Well, it's awesome! I like the logo too! (I had some other ideas in mind for the logo but w/e. :p) The only thing that kind of bugs me is how the left side is fixed. Idk, it kind of looks unprofessional and a bit annoying. Otherwise, good job!

Once again I have to disagree, haha. I like it. For those who can pull it off it looks great. I think you should kinda divide those two areas.

click to enlarge

Not sure if that really works and it kinda messes it up but just something would help. Or you could just add a thin border.

But your site looks awesome!

[mipadi]

click to enlarge

Not sure if that really works and it kinda messes it up but just something would help. Or you could just add a thin border.

But your site looks awesome!

That actually does look kind of cool, maybe it could work. Except I don't really know how to make the graphic for the border.

[Mikeplyts]

That actually does look kind of cool, maybe it could work. Except I don't really know how to make the graphic for the border.

You could just make the graphic and set it to a repeat-y on the body background. Then, position it to the right spot. Like this:

CODE

body {
background-color:#FFFFFF;
background-image: url("http://www.url.com/graphic/imageurlhere.png");
background-repeat:repeat-y;
background-attachment:scroll;
background-position:### 0px;
}

(Replace ### with the value to position it to the right.)

[mipadi]

You could just make the graphic and set it to a repeat-y on the body background. Then, position it to the right spot.

Yeah, I know how to do the CSS -- just don't know how to make the graphic.

[Mikeplyts]

Yeah, I know how to do the CSS -- just don't know how to make the graphic.

Oh, my bad. (From Joseph's perspective) It just looks like a black to white gradient set a 180 degree angle and a bit lowered opacity. I could make it for you if you want.

EDIT:

Well, I went ahead and made it.