My new site =)

[HandyMan]

This is a site for my new firm. I havent worked the font out quite yet, but will soon. Hope to get some nice images up to, but not enough time.

Click the logo to see the site :ub: (Please also comment the logo)

http://www.da-media.net/oops/oopsdesignLogo.jpg (http://www.da-media.net/oops)

Would love some constructive critique!

Ps. One thing more. Does anyone know how to make a shadowed div blend or somehow look good with a pattern background ? Like this site http://www.skonhetssalongwellness.com/

[Darren E]

This is a site for my new firm. I havent worked the font out quite yet, but will soon. Hope to get some nice images up to, but not enough time.
Click the logo to see the site :ub: (Please also comment the logo)

Would love some constructive critique!

Ps. One thing more. Does anyone know how to make a shadowed div blend or somehow look good with a pattern background ? Like this site http://www.skonhetssalongwellness.com/

I like the simplistic look, but I don't understand what the text says ;-)
The logo is very "in your face." It's a good logo, I think it's very unique.

There are several ways to use a shadowed div blend, you could create a solid black .gif and blur it then use CSS to offset it's position or try this method here-
http://www.cfzone.net/ShowDetail.asp?NewsId=6503

CSS is going to be what makes this work for you. Because your page has two separate elements, you could have 4 divs- "topNav, topSpacer, contentMain, bottomSpacer" each set with a width of 100%. Next you can create a background image of 1000px or more that has a black box with the pixel dimensions of your website's width. Using Photoshop, put that black box on a top layer and blur it accordingly and center it. The bottom layer can be a pattern or gradient with it's edges matching your page's background color.

Create two background images- one with the blurred box background, and one without.

DIVs "topNav" and "contentMain" will have this background image with the blurred black box. Set the padding of "topNav" to maybe 5 to 10 pixels on the bottom so it looks like the bottom is shadowed. You may have to use topNav and wrap it with another DIV since you are trying to center your content.

DIVs "topSpacer" and "bottomSpacer" will have the background image WITHOUT the blurred black box.

This method may or may not be the best- I'm still learning CSS.

[Adobemedia]

Just create a strip with the dropshadow that fits with the texture behind it.

@ the site
I think it looks good. Good concept. On thing I noticed was the moving box in th e nav bar is not the same height as the dividers. Being a precise person, that jumped out at me. The top has a very "web 2.0" feel to it, and I think it looks fine. The body is another story. Just way to many lines. I think you should use a clean, soft, blue gradient instead.

Other than that, great site man!

[shane-c]

In my opinion, your logo is a lot better than your site. I really like the logo a lot actually (although the name 'oops' might not give people the best impression).

The site is kind of bare-bones... the rounded corners, colors, and scanlines make it look all web 2.0 and "tech-y", but I think your logo looks more "elegant". I think you'd be better off basing your site's design on the logo, because right now the two seem to clash.

Also, your nav menu specifically I think needs some work. The font choice for the menu items doesn't really fit too well, and the whole thing looks a little odd. It's also not the best idea to have it as a Flash menu, for SEO and accessibility.

[HandyMan]

Thanks alot for the wonderful critique!! I still have alot to learn, and will always have :D Although I think that you may be right about the logo not fitting in too good with the Web 2.0 interface.

"oops design" as a firm name is ment to be Ironic, and something that people will be remembering. You know... Our slogan is "Let us be your last Oops" =) but in swedish.

Nice of you to give me all the info on Div with shadows!

Btw blur in css. is it supported by all browsers??