Topic: Blog Design

[lostprophetpunk]

I have just integrated wordpress into my website. I have not finished the main website design yet, but have managed to finish the blog and the design.

Click here to view the design.

Note: Before it gets mentioned, the template was created by me.

[ignace]

Nice design

Few remarks

- Your markup contains 7 errors
- Your CSS contains one error

[mrMarcus]

header is cool.

personally, how the Archives and Welcome underlines don't lineup bothers me.

either line them up or give the headings on the right side some design.

[yyboo]

Very easy on the eyes! Great Look! Would be nice if the phone was animated somehow or interactive,  but..

I would add a little space to the left, so that the Welcome, it's rule line, and it's text underneath could be moved over to the right a little bit, it is too close to the left edge of the "paper" visually, in my opinion..  The right menu is ok close to the paper, because it sets it apart as a "different thing" than the main copy.

[lostprophetpunk]

The validation errors have been sorted out, both the xhtml and css are now compliant.

Thank you for your feedback. I will need to line the sidebar up with the main content as you suggested.

I really do appreciate your feedback.

[ignace]

- Your CSS still contains errors
- How do you add a comment? (Make it more obvious)
- Avoid here, click here, ..
- The text in your header is lost use image replacement instead

Nothing more to critic as there is very few to critic

[lostprophetpunk]

- Your CSS still contains errors
- How do you add a comment? (Make it more obvious)
- Avoid here, click here, ..
- The text in your header is lost use image replacement instead

Nothing more to critic as there is very few to critic

Not sure what you mean by 'image replacement'. The header is just one image.

The CSS doesn't validate due to these...

Code: (css) [Select]

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
This is because the properties are valid, but are not recognised as valid by the CSS 2.1 and CSS 3 validator.

Also, before anyone points out. The reason why you don't see any navigation links on the blog, is because they will be put there when I have the rest of the site up.

[ignace]

Code: [Select]

<h1><span class="website-title">Minihobbs <span class="tag-line">Portfolio of Matt Hobbs</span></span></h1>

Code: [Select]

#header h1 .website-title { margin-left: -99999999px; }
#header h1 { background-image: url(images/header.jpg); background-repeat: no-repeat;  .. }

[lostprophetpunk]

Code: [Select]

<h1><span class="website-title">Minihobbs <span class="tag-line">Portfolio of Matt Hobbs</span></span></h1>

Code: [Select]

#header h1 .website-title { margin-left: -99999999px; }
#header h1 { background-image: url(images/header.jpg); background-repeat: no-repeat;  .. }

I have no real need for an image and an h1 in the header.

[ignace]

You surely won't need it. Do you think Google also won't need it?