lostprophetpunk Posted January 4, 2010 Share Posted January 4, 2010 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. Link to comment https://forums.phpfreaks.com/topic/187157-blog-design/ Share on other sites More sharing options...
ignace Posted January 4, 2010 Share Posted January 4, 2010 Nice design Few remarks - Your markup contains 7 errors - Your CSS contains one error Link to comment https://forums.phpfreaks.com/topic/187157-blog-design/#findComment-988336 Share on other sites More sharing options...
mrMarcus Posted January 4, 2010 Share Posted January 4, 2010 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. Link to comment https://forums.phpfreaks.com/topic/187157-blog-design/#findComment-988364 Share on other sites More sharing options...
yyboo Posted January 5, 2010 Share Posted January 5, 2010 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. Link to comment https://forums.phpfreaks.com/topic/187157-blog-design/#findComment-988548 Share on other sites More sharing options...
lostprophetpunk Posted January 5, 2010 Author Share Posted January 5, 2010 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. Link to comment https://forums.phpfreaks.com/topic/187157-blog-design/#findComment-988671 Share on other sites More sharing options...
ignace Posted January 5, 2010 Share Posted January 5, 2010 - 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 Link to comment https://forums.phpfreaks.com/topic/187157-blog-design/#findComment-989127 Share on other sites More sharing options...
lostprophetpunk Posted January 6, 2010 Author Share Posted January 6, 2010 - 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... -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. Link to comment https://forums.phpfreaks.com/topic/187157-blog-design/#findComment-989463 Share on other sites More sharing options...
ignace Posted January 6, 2010 Share Posted January 6, 2010 <h1><span class="website-title">Minihobbs <span class="tag-line">Portfolio of Matt Hobbs</span></span></h1> #header h1 .website-title { margin-left: -99999999px; } #header h1 { background-image: url(images/header.jpg); background-repeat: no-repeat; .. } Link to comment https://forums.phpfreaks.com/topic/187157-blog-design/#findComment-989560 Share on other sites More sharing options...
lostprophetpunk Posted January 6, 2010 Author Share Posted January 6, 2010 <h1><span class="website-title">Minihobbs <span class="tag-line">Portfolio of Matt Hobbs</span></span></h1> #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. Link to comment https://forums.phpfreaks.com/topic/187157-blog-design/#findComment-989580 Share on other sites More sharing options...
ignace Posted January 6, 2010 Share Posted January 6, 2010 You surely won't need it. Do you think Google also won't need it? Link to comment https://forums.phpfreaks.com/topic/187157-blog-design/#findComment-989626 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.