<cfsilence>

New Look For cfsilence

Posted At : February 14, 2007 5:32 PM | Posted By : todd sharp
Related Categories: CSS

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) |

Print |

Send |

del.icio.us |

Linking Blogs | 2242 Views

Comments

[Add Comment]

lookin' kinda funky in firefox too :\

# Posted By charlie griefer | 2/14/07 6:38 PM

wait... as soon as i hit "post" it went and defunkified in firefox. looks good :D

# Posted By charlie griefer | 2/14/07 6:38 PM

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.

# Posted By Steve Walker | 2/14/07 7:29 PM

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.

# Posted By Steve Walker | 2/14/07 7:40 PM

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

# Posted By todd sharp | 2/14/07 9:08 PM

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

# Posted By Sammy Larbi | 2/15/07 7:35 AM

I've just had the same experience as Charlie

# Posted By Sammy Larbi | 2/15/07 7:35 AM

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.

# Posted By Steve Walker | 2/15/07 8:01 AM

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.

# Posted By todd sharp | 2/15/07 8:49 AM

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.

# Posted By Ben Nadel | 2/15/07 9:06 AM

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

# Posted By todd sharp | 2/15/07 9:23 AM

Looking good mang, looking good

# Posted By Aaron Lynch | 2/15/07 9:23 AM

Looks great in IE6, but is very very broken in FF2.0

# Posted By Stephen Moretti | 2/15/07 9:40 AM

You might not be getting the newest CSS stuff. Try a power refresh CTRL-F5

# Posted By Ben Nadel | 2/15/07 9:44 AM

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

# Posted By Stephen Moretti | 2/15/07 9:46 AM

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.

# Posted By Steve Walker | 2/15/07 10:39 AM

[Add Comment]