Blog Re-Re-Design
So although I’ve been hacking away at the code of the current design of this site I realised that it wasn’t conducive to a portfolio site. So in an attempt to make myself seem more ‘designery’ I will be trying to implement the design I have concocted as shown in the screen shot. Any comments would be appreciated (Russell). The next step is to Photoshop a concept for the portfolio page.
I was saying to fraser yesterday my site feels too blocky and corporate.
After Ruth showing us that gfx design students portfolio site, it looks a lot more friendly.
I feel my site is not dynamic enough, not arty enough and all a bit dull really.
The concept you did looks really awesome dude. :D
The site looks amazing mate! For my personal tastes, i’d have all
* typeo a bit smaller
* comments in white, while the author and time/date in the light grey
* move the whole sites over 1 or 2 inchs
* and the “blog” “folio” and “snaps” highlighted grey if your on that page. i.e. the “blog” text in grey becaues thats the first page your on. Gives a better impression there them three are links, rather than a comment or something.
I’m surprised you got it up and running in such a small amount of time though :o
Thanks for your input guys.
I have been trying to get the menu to show the ‘active’ link depending on the page you are on but no luck.
The WordPress site says you can have different sidebars by using get_sidebar(‘nameofsidebar’) which will get sidebar-nameofsidebar.php so I thought I could do the same with the header. It turns out you can’t so now all my headers except for the blog one is actually a sidebar.
I like the size of the text but the letter-spacing:-1px; is causing issues in firefox when being displayed but fine in IE and only in some cases (those cases have been reset to normal spacing)
Also all the images are now as close as possible to being lined up on both sides. Theres a 1px maybe 2px gap so I’m trying to figure out how to change the larger image’s size.
I’ll be tweaking for a week or so.
Blimey, looks really slick. The colours you’ve picked work well. There wasn’t anything wrong with your previous blog design, but this one looks a whole lot better. Just one thing. Maybe use capitals on the sidebar titles to tie in with the header.
Good stuff!
I will try out the caps in the sidebar. See what it looks like. I actually thought they would match to the lower case h2 post titles.
You have implemented it already wow!
It looks really awesome dude. Much better than the older one, and that looked good too.
The typography is really nice and it looks much more like a folio site!
I don’t know if you intentionally left the dotted border around the header links, i.e. Blog, Folio and Snaps, but a way to get rid of the default dotted line in firefox is, just whack this in your css:
a {
outline: none;
}
I am jealous now. D:
It took me a few hours, actually it was pretty easy to get the main look of the site done. It was just the niggley bits like padding and margins, getting the post images lined up.
I didn’t know what you meant about the a {outline:none;} but now I see, its when you click it. I was really happy when that worked!! Thanks Dan!!
The thing I am most proud of though is the site is purely CSS. No images except those posted!
I submitted the site to be reviewed on ‘your wordpress‘ on the wordpress site. I’m always looking to improve the design and functionality.