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 14 of 14
  1. #1
    Senior Coder Len Whistler's Avatar
    Join Date
    Jul 2002
    Location
    Vancouver, BC Canada
    Posts
    1,323
    Thanks
    26
    Thanked 100 Times in 100 Posts

    Opinions on my re-designed site.

    I re-designed my website. I would like to get some opinions on it.


    Thanks
    Leonard Whistler

    http://www.stubby.ca
    Leonard Whistler

  • #2
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yay! No more brown
    The menu could use more margin between each item, they're a bit too close together.

    I take no responsibility for the above nonsense.


    Left Justified

  • #3
    Senior Coder Len Whistler's Avatar
    Join Date
    Jul 2002
    Location
    Vancouver, BC Canada
    Posts
    1,323
    Thanks
    26
    Thanked 100 Times in 100 Posts
    Thanks mindlessLemming

    I got rid of the brown 2 versions ago and I will take a closer look at the menu and adjust it.

    Thanks

    Leonard Whistler
    www.stubby.ca
    Leonard Whistler

  • #4
    Rockstar Coder
    Join Date
    Jun 2002
    Location
    USA
    Posts
    9,074
    Thanks
    1
    Thanked 328 Times in 324 Posts
    You should make your menu an unordered list to be more semantically correct. But it is looking good.
    OracleGuy

  • #5
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It's a little plain for my tastes. Could use some more style, especially on the menu.

    A tip: When most of your images have white backgrounds, it helps to have your background color match.

    Try this:
    Got to http://www.stubby.ca/uncle-bens.php and put this in the address bar and hit enter:
    javascript:void(document.body.style.background='#fff');

    This will show you what your page looks like with a white background. Much better, I think.

  • #6
    Regular Coder
    Join Date
    Apr 2004
    Location
    Canada
    Posts
    302
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Viewing with Firefox0.8

    Unlike Aaron, I kind of like the greygreen background with the white images. When I looked at the page with all white background, it was very plain indeed.

    However, I do agree that the menu is a little on the dull side. Perhaps there is where the white background might be good. Also, try putting the links flush left on the menu (or flush right) Centering so many different width titles makes the menu look a bit ragged.

    Gosh... stubbies! Now there's a memory! I wonder how many total hours I spent studying the Molson (I think it was Molson!!) Pilsner label....
    Last edited by llizard; 08-06-2004 at 07:57 PM.

  • #7
    Senior Coder Len Whistler's Avatar
    Join Date
    Jul 2002
    Location
    Vancouver, BC Canada
    Posts
    1,323
    Thanks
    26
    Thanked 100 Times in 100 Posts
    Ok thanks for all the replies....

    The menu now is aligned left and it looks a lot better than when it was centered.

    The background color is controlled by a PHP script that randomly picks a color whenever a page is loaded or re-loaded, so that all the pages have a small change of color. (I don't like white backgrounds, I prefer black in some cases)

    I tried the unordered list for the menu but the padding between the left black border and the bullets is way too much. I tried entering a negative amount of padding on the left to bring the bullets closer to the border but with no luck.


    Thanks

    Leonard Whistler
    www.stubby.ca
    Leonard Whistler

  • #8
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well I didn't imply that the whole site's background should be white :P I'm just saying that it looks cleaner when you can't see the individual bottle images. When it's white, it looks like they're shelved or something. Less distracting overall, much more pleasant to look at each individual bottle.

    Perhaps devide the page into two columns? One for the menu/news or somesuch, and other for the content? The left column (or whichever had the menu/news/etc) could have the random background colour?

    I just think right now it looks very rough. Some simple refinements could do it wonders.

  • #9
    Senior Coder Len Whistler's Avatar
    Join Date
    Jul 2002
    Location
    Vancouver, BC Canada
    Posts
    1,323
    Thanks
    26
    Thanked 100 Times in 100 Posts
    Ok thanks AaronW...

    ....or I could have all the rows and columns butted up together with no spacing between them.

    Leonard Whistler
    www.stubby.ca
    Leonard Whistler

  • #10
    Regular Coder
    Join Date
    Apr 2004
    Location
    Canada
    Posts
    302
    Thanks
    2
    Thanked 0 Times in 0 Posts
    (My mistake, Aaron. I thought you DID imply that the whole site's background should be white. )

    Len, the two columns idea might work quite nicely. You could put the menu onto a dark background and the content on a light background.

    Unlike Aaron, I find the bottles on a white background to be rather dull. I must say that I rather like the illusion that the bottles are on a shelf that holds just one bottle per cubbyhole. Perhaps you could put the bottles onto a secondary background that has a wallshelf-like colour. If you played with the border on that secondary background, I think you could produce a 3D effect so it really did look like a shelf.

    The left alignment on the menu links is much better.

  • #11
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Heh, lizard. I can invision numerous ways to turn this site into a mind blowing experience, but I would probably have trouble building them myself, let alone trying to explain them to Len who I think is just starting out in design.

    I'm a huge fan of clean design, which is why the white backgrounds looked better. The bottles being in little "cubbies" would be pretty cool, but you can't really create that effect with a white rectangle on a dark background. You could find a nice wood texture and go nuts with that, and you'd probably end up with something either really scary or really pretty.

    The thing about clean design: It's real easy to do. Minimalism is easy to code and very easy to look at. Typically you can use lots of surrounding whitespace with content justified to nav and vise-versa (both justified to a center line; nav to the right, content to the left). It looks great, and it's a great start to more complex designs.

    Play around in your graphics software. If you make something you love, but can't think of a way to execute in HTML, post it and I or someone else will offer ideas on where to start.

  • #12
    Supreme Overlord Spookster's Avatar
    Join Date
    May 2002
    Location
    Marion, IA USA
    Posts
    6,278
    Thanks
    4
    Thanked 83 Times in 82 Posts
    Quote Originally Posted by oracleguy
    You should make your menu an unordered list to be more semantically correct. But it is looking good.
    And adding on to what the almighty oracle said, once you've created the unordered list you can always use CSS to mold into a nice little menu.

    Here's a site I did for a client where I used an unordered list for the menu and used CSS to turn it into something nicer.

    http://www.shopworldbazaar.com/

    The cool thing is if they happen to be surfing the site with a browser that doesn't support CSS it will just appear as an unordered list.
    Spookster
    CodingForums Supreme Overlord
    All Hail Spookster

  • #13
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Len Whistler
    I tried the unordered list for the menu but the padding between the left black border and the bullets is way too much. I tried entering a negative amount of padding on the left to bring the bullets closer to the border but with no luck.
    Code:
    ul, li {
    list-style:none inside;
    padding:0;
    margin:0;
    }
    Bullet proof.
    Enjoy

    [ot] - Australia still makes very wide use of the stubby bottle - it's a national icon

    I take no responsibility for the above nonsense.


    Left Justified

  • #14
    Senior Coder Len Whistler's Avatar
    Join Date
    Jul 2002
    Location
    Vancouver, BC Canada
    Posts
    1,323
    Thanks
    26
    Thanked 100 Times in 100 Posts
    mindlessLemming....

    .....thanks for the unordered list coding to fix the padding. I like the unordered list and will add it to my site later on tonight.


    Spookster.....

    ....I visited your link and like what can be done. I will keep that in mind for future updates to my site.


    Leonard Whistler
    www.stubby.ca
    Last edited by Len Whistler; 08-10-2004 at 08:04 PM.
    Leonard Whistler


  •  

    Posting Permissions

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