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.

Comments (16)

charlie griefer's Gravatar lookin' kinda funky in firefox too :\

charlie griefer's Gravatar wait... as soon as i hit "post" it went and defunkified in firefox. looks good :D

Steve Walker's Gravatar Todd,
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.

Steve Walker's Gravatar I forgot to mention that the new design is very nice (aside from my complaint about the hyperlink color). Looks great and works great in IE7.

todd sharp's Gravatar Getting a little better now i think. The sidebar is floating correctly in IE - i changed the link color in sidebar, but I'm still not too happy with it I don't think

Sammy Larbi's Gravatar I'm having much trouble in firefox as well. I like the color scheme though.

Sammy Larbi's Gravatar I've just had the same experience as Charlie

Steve Walker's Gravatar Todd,

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.

todd sharp's Gravatar Steve: I think I'm going to move the search to be in the upper right above the header tonight - and put the calendar in the top right sidebar (and push the ad down a few notches). I'll also look at your changes for the menu tonight. Any ideas on the link coloring/styling for the sidebar?

Thanks for the advice - it's much appreciated.

Ben Nadel's Gravatar Nice look dude.

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.

todd sharp's Gravatar You know Ben I never noticed that until yesterday. It does seem weird though. I'll add that to the list :)

Aaron Lynch's Gravatar Looking good mang, looking good

Stephen Moretti's Gravatar Looks great in IE6, but is very very broken in FF2.0

Ben Nadel's Gravatar You might not be getting the newest CSS stuff. Try a power refresh CTRL-F5

Stephen Moretti's Gravatar yep - don't know what happened there, but its all good now...

Steve Walker's Gravatar My only css changes would be:

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.