Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts

    Is this new design just too user friendly for my own good?

    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.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #2
    Regular Coder
    Join Date
    May 2005
    Location
    Michigan, USA
    Posts
    566
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I find this website more mature then your other designs. Which is good because you have an eye for different designs.
    Note: I do not test code. I just write it off the top of my head. There might be bugs in it! But if any thing I gave you the overall theory of what you need to accomplish. Also there are plenty of other ways to accomplish this same thing. I just gave one example of it. Other ways might be faster and more efficient.

  • #3
    Regular Coder
    Join Date
    Jul 2005
    Location
    Nottingham NH
    Posts
    208
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #4
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Glad to hear you're still in one piece mate, after the dreadful havoc of the hurricane!

    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

  • #5
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    @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.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #6
    New Coder
    Join Date
    Aug 2003
    Posts
    87
    Thanks
    0
    Thanked 1 Time in 1 Post
    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.
    Last edited by Neno; 09-01-2005 at 07:57 PM.
    Neno

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    Louisville, KY
    Posts
    281
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Beautiful, excellent work. Love the colors and layout. Nice.

  • #8
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    @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.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •