I like the idea.

the font on the detail pages I think need to be a finer, smaller font. my2c.

C

Thanks!

It's all html, css and js right now. I'm going to work it into a c5 template here soon.

I'll just render the child pages where the details are. The icons will have to be an image/file attribute of some kind.

Very nice idea and obviously separate from the pack. I love the transitions.

I like the docking nav, although it could be confusing to some on where your menu actually is.

I'm not keen on the content areas, as they look/function too much like frames, although I'm sure this is something you're working on.

Have you checked this in different browsers and resolutions? This could be hell to get compatible...

I used the window.onresize event trigger to resize everything, and used max-widths to keep things from flying all over the place.

The only problem with resizing to small are the floating images will collide with the content. I may just do away with them, but I thought it was interesting to see something float by when you transitioned between areas.

Right now they aren't iframes. I try to stay clear of those for obvious reasons. They are, however, divs with overflow set to auto and 150px smaller than the height of the view port to make room for the menu.

I'm going to place gradients on the top and bottom to hep with the abrupt cut off, and change the scroll bar s to something a little more pleasing.

Cool beans man. I love to see people getting actually "creative" with the look AND functionality of their sites.

I apologize. I didn't mean to imply that you were using frames. ::shudder:: I would assume (and hope) that by now everyone steers clear of them.

Good idea about the top and bottom, which was actually one of my other thoughts (about the content areas touching the top of the browser chrome).

Updated...

Added jScrollPane for alternative scroller

Jerry-rigged the fade effect. It's basically a AP table z-indexed above the content, but below the scroller js. Not proud of it, but it works.

Resizing should automagically fix everything still.

Dude, I'm totally digging the updates!

Interested if you've done any cross-browser testing yet?

The fading at the top and bottom doesn't work in Safari. I figured as much as it was a sloppy concept. But other than that, it all works.

In Opera it wont scroll left or right. I'm not sure why either. The way it works is it just scrolls a div that has overflow hidden.

But IE7/8 and FF3+ work perfectly.

Same issues in Chrome as Safari.

Is now a c5 theme, but now I'm trying to figure some extended functionality out...

http://www.concrete5.org/community/forums/customizing_c5/edit-anoth...