New Look For cfsilence
Posted By : todd sharp Posted At : February 14, 2007 4:32 PM Posted In: CSS
16
What do you think? Not 100% yet, but I'm really liking this new style so far.
*Update* - Of course it's broken in IE.
cfsilence the personal blog of todd sharp, owner sharp interactive
© All Rights Reserved. Sharp Interactive, LLC
Free Wordpress Themes by Skinpress.com
BlogCFC was created by Raymond Camden. Version 5.9.4 (Test)
You need to change the form css because the comments box is almost non-existent in both IE7 and FF.
Also, I think change the color attribute for links in the pods. The blue on gray is not readable.
I took a look at the style sheet associated with this design and I would like to offer a couple of recommendations.
1. Change then menu css to (I tested in IE7 and FF2)
<code>
/* navigation menu */
#menu
{ height: 38px;
line-height:32px;
width: 760px;
margin-left: auto;
margin-right: auto;
}
</code>
2. Rearrange your pods. The Google adds take up way too much space and push your projects and calendar too far down the page. I use google ads in mine and I think I found the right balance.
These are just my opinions so use them as you see fit.
Thanks for the advice - it's much appreciated.
Can I make one suggestion (and this is for all BlogCFC'ers)... please put the "Post" button before the "Cancel" button in the comments form. I'm a tab-tab-tab-enter kind of guy and I occasionally cancel the form (when I meant to submit).
I know this is silly, minor detail, but I think it breaks standards. Most forms have the "Submit" button earlier in the tab-indexing. Just my 2 cents.
But the general new look/feel of the site is very cool! Well done.
In style.css add background color to the calendarToday
.calendarToday {
font-weight: bold;
background-color:#D1D3D7;
}
In colour.css separate .sidebaritem like this.
.sidebaritem, .sidebaritem a
{ background: transparent;
border-bottom: 1px dashed;
color: #D1D3D7;
}
.sidebaritem a:hover
{
background: transparent;
color: #101010;
border-bottom: 1px solid;
}
The border will put space between each of the links so if it is too much leave it out.
I like the idea of the search at the top, just don't forget to take remove <cfmodule> and div tags from the search pod. Probably create a copy of the pod and then remove the tags in case you change your mind.