...

View Full Version : Is this new design just too user friendly for my own good?



harbingerOTV
08-30-2005, 08:22 AM
http://home.earthlink.net/~harbingerofthevoid/bath/

So the hurricane came through today so I didn't errr... couldn't go into work. So I took a few pictures played around with green and and made my first intentionally scalable page. Of course, just the one page is ready but, it should be enough to get the general idea of it.

So should I run with it it or just drop it knowing that it's way too 'web typical' and way too 'plain' compared to my other brain farts? Or is plain good enough?

Okay that nap I took during my 3 hour power outtage is killing me. It's 1 a.m. and I can't sleep because of it.

SpirtOfGrandeur
08-30-2005, 02:56 PM
I find this website more mature then your other designs. Which is good because you have an eye for different designs.

Green Beast
08-30-2005, 03:59 PM
I really like it. I say go with it. One thing, though, on enlarging the text, your h1 is doing funky stuff, you need to hide it better or something:

In FF it pops out the right side, in IE it peeks out from behind the banner but within that banner area -- the banner image moves left.

You could size it smaller. Make h1 60% or something. Or you could even fix its size with px. That shouldn't be an issue if you don't make it too small (for those with images off/CSS on).

Mike

Graft-Creative
09-01-2005, 01:34 AM
Glad to hear you're still in one piece mate, after the dreadful havoc of the hurricane! :thumbsup:

Yeah I like it a lot - sure it's plain, but it still has edge and originality. I find the imagery in the header and the footer a bit disquieting, but I think that's all part of the appeal.

Website Nth and counting - I hope you are saving all these?

Kind regards,

Gary

harbingerOTV
09-01-2005, 05:29 AM
@spirit - eee gawds the M word. I like trying different things but after a few pseudo-failures and so-so sucesses I figured I'd give the "box" look a go.

@beast - I did notice that when I set mt res to 1600 and I thought I fixed it. I made the text size smaller in hopes to solve it. Tonight I scrapped the header/footer and redid them so I may or might not impliment the hiding of the h1 this time around. Still a lot of fiddling. 'preciate the look.

@gary - yeah the 'cane hit about 100miles west of here. That little bit made all the difference for my city.

disquieting huh. I know my bath room is dirty but I never felt that ;)

Of course in my never-to-end attempt to satisfy myself I have redone both the header and footer to make them more 'playful'.

http://home.earthlink.net/~harbingerofthevoid/bath2/

Need to clean it up graphically but the multiple sliding background images is pretty neat to me.

as always I appreciate the looks and maybe someday I'll actually decide on something to go with.

Neno
09-01-2005, 07:50 PM
I like what you did with the header and the footer.
And I really liked the way you put your page together.
Except, I am looking at the background (that is interesting), but is pretty light and has large pattern... I am not sure if the main content stands out enough... I would go with just a little bit more of contrast...
Everything else looks great to me. Nice work.

BroChris
09-02-2005, 06:57 PM
Beautiful, excellent work. Love the colors and layout. Nice.

harbingerOTV
09-05-2005, 06:42 AM
@Neno - I darkened the background some. I did see what you were saying. It was way to 'washed out' looking. After doing that I thought the grey-ness of the header/footer made Gary's comment hit mome. It looked pretty gritty. Not really what I was going for. So, to not only enhance the contrst but to also make it easier (softer) on my eyes, I added blues and made the content creamy. Hopefully it's creamy to you all and not pink. Some funny color tricks going on to me.

@BroChris - 'preciate it. Of course I have all but scrapped the basics of the original post ;) Maybe this will still hold your liking.

_________

http://home.earthlink.net/~harbingerofthevoid/bath2/
_________

I'm having dificultty with the sidebar. I know I should probally start a post in the HTML/CSS forum but it's a mixed bag question I swear.

Let me start with telling you all what I want to happen and then how I'm currently doing it and then the bugs I'm finding.

What I think I want is what it look like is what it does if you load the page at full screen (or I think any even #'d width page). A blue side bar with a grey border and a slight inner drop shadow.

The way I'm doing it now is giving the content area a background image of the blue bar w/drop shadow and then aligning the text of the side bar over the image. Seems pretty straight forward.

First thing is that IE6 shifts everything about the sidebar around either left or right. I guess it's some freaky floating 3px bug. I have managed to [ * html fix ] it so far but it adds a lot of crap to my file. The other issue is how I have put the top and bottom border/shadow in there. The top one (with the top border and shadow) is relativly positioned inside the floated sidebar. All's good sort of. The bottom one is absolutely positioned outside the sidebar at the bottom of the content so that it 'expands' to the height of the content.

okay a few extra divs and it works but man what a mess.

If you scale the page down and look at the top and bottom of the sidebar you can see the images jump. unless you stop at an even width overlay and make it look worse than it already does.

So how would you go about this?

I can make the content image positioned at the bttom and make it 5000px tall and not affect file size too much to eliminate the bottom issue but then there is the top issue. I could reverse the image and have the problem at the bottom.

I could could combine the the footer logo witht the content background but then I would need negative margin to pull the footer image back up. I could make the footer image the body background instead, combine the footer image with the content background to fix that but then have the sidebar top image problem.

I can't combine any image to the top logo image since it's made to be able to scale. and at different resolutions the sidebar top border image wouldn't line up.

I know I have to nest divs to get the effect I'm doing witht eh logos sliding so that makes it nessecsry(?) to nest divs like Ihave but there has got to be a way.

I think the only thing that I know of trying is floating the content and positiiong the sidebar to the right thus hopefully eleminating the float bug in IE I'm having.

So I'm here to pick your brain on this one. Mull over the options and if you can, think of another way that may have eluded me in my trails and tribulations on this. Then of course, when I slap my navigation in there it's all going to go beserk but I'll cross that bridge when I get there.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum