v.High res photo site

Discussion in 'Review My Site' started by wjh2303, Mar 24, 2009.

  1. wjh2303

    wjh2303 New Member

    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    0
    general comments, positive, negative, constructive, trolling, whatever, have a look, zoom around the pictures, and leave a comment if you have anything to say:

    http://lifeinmegapixels.com
     
  2. i2006

    i2006 New Member

    Messages:
    15
    Likes Received:
    0
    Trophy Points:
    0
    I'm liking the site, great picture resolutions btw.
     
  3. farscapeone

    farscapeone Community Advocate Community Support

    Messages:
    1,165
    Likes Received:
    27
    Trophy Points:
    48
    Idea is great, pics are awesome but layout is far from good.
     
  4. wjh2303

    wjh2303 New Member

    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    0
    please suggest how it could be improved, what's good, what's bad about the layout etc...

    thanks
     
  5. maxmoda

    maxmoda New Member

    Messages:
    47
    Likes Received:
    0
    Trophy Points:
    0
    waaaouuuu that good... I liked it... the resolution is great....
    I give you an advice.. you would center the first page...
    of such mode will look better
     
  6. wjh2303

    wjh2303 New Member

    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    0
    Thanks for alerting me that the front page wasnt centered, i hadnt tested it in IE, now to figure how to make IE play nice....
     
  7. farscapeone

    farscapeone Community Advocate Community Support

    Messages:
    1,165
    Likes Received:
    27
    Trophy Points:
    48
    Sorry but I can't suggest any change cos there's nothing to improve. You actually don't have any layout. Just spend some time thinking about it and I'm sure something will come out. I can't make it for you (except if you're willing to pay :) ).

    Sorry if I have been hard on you but this is a great idea and (as I said before on this forum) I don't like to see great ideas fall because of the bad design.
     
  8. wjh2303

    wjh2303 New Member

    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    0
  9. farscapeone

    farscapeone Community Advocate Community Support

    Messages:
    1,165
    Likes Received:
    27
    Trophy Points:
    48
    I don't see any changes apart from some misspelled words being corrected :dunno:

    When I said layout I meant header image, color combination, site graphics, ...
     
  10. wjh2303

    wjh2303 New Member

    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    0
    ok thanks, ill have a think about that sorta thing and try and come up with something
     
  11. freecrm

    freecrm New Member

    Messages:
    629
    Likes Received:
    0
    Trophy Points:
    0
    Constructively, you could start working with <div>'s rather than the table design you have now.

    I know tables are simple to work with but they are extremely limiting and make your site look amateurish.

    If you look at the index page of my site for instance, this is all built using divisions and it has a slightly more crisp, professional look.

    Currently for instance, your header image is not as wide as the landscape images below (which should be the same!)

    Basically, a division is similar to a <td> in a table, although you don't have to inset them into <tr>'s and <table>'s.

    To control the layout, as Leviathon was saying earlier, the page needs a structure.

    i.e. - a "wrapper" that servers as an outside envelope to keep everything in

    a header - a division within the wrapper that contains all the top images and information (usually duplicated across the site)

    main content - a division that contains all the page specific areas

    footer - the final div (again within the wrapper), to put all your stuff that goes at the bottom of the page. As with header, this is duplicated across the site - usually by using an include function.

    Once you have these basic concepts sorted out, you can start to play with their appearance and the way that you control the layout using css styling - which I will certainly help with if I can.

    Hope this helps a bit

    Good site concept!!!!
     
  12. Agenator

    Agenator Member

    Messages:
    341
    Likes Received:
    0
    Trophy Points:
    16
    you could probably get someone on these forms to put together something for you on the cheap. I'd offer to do it for credits, but you dont have many and I'm too busy. Might wana look into though.
     
  13. wjh2303

    wjh2303 New Member

    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    0
    thanks all, iv had a busy weekend, but im putting in a little work on your suggestions, so hopefully i can make a big layout update within a week or two
     
  14. wjh2303

    wjh2303 New Member

    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    0
  15. wjh2303

    wjh2303 New Member

    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    0
  16. freecrm

    freecrm New Member

    Messages:
    629
    Likes Received:
    0
    Trophy Points:
    0
    Much better simple structure - now for the finer tuning....

    You should create another div <div id="header"> that will wrap around the following section:

    Code:
    <div id="header">
    
    <div>
    <img src="title.png" align="center"><br>
    </div>
    
    <div id="tabs">
    <a href="index.php">Home</a> <img src="tbgd.png">
    <a href="wall.php"> Wallpapers</a>  <img src="tbgd.png">
    <a href="random.php">Random</a>  <img src="tbgd.png">
    <a href="categories.php">Categories</a>
    </div>
    
    <div class="left">
    <table>
    <tr><td>
    <a href="category.php?tag=city"><img src="city_th.jpg"></a>
    </td></tr><tr><td>
    <a href="category.php?tag=land"><img src="land_th.jpg"></a>
    </td><td><tr><td>
    <a href="category.php?tag=arch"><img src="arch_th.jpg"></a>
    </td></tr><tr><td>
    <a href="category.php?tag=camb"><img src="camb_th.jpg"></a>
    </td></tr>
    </table>
    </div>
    
    
    </div><!--end header-->
    
    It won't change the look - yet... but it may be of use further down the line.

    Your classes .left and .right need some top padding

    Code:
    .left{
    padding-left: 20px;
    }
    .right{
    padding-left: 20px;
    }
    
    Apart from that, I'm not sure you should be using the graded blue in your main content box - it looks all too similar.

    Try playing with this first and I'll get back to you.
     
  17. wjh2303

    wjh2303 New Member

    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    0
    thanks alot, glad people think it's an improvement, ill have a go at fine tuneing the layout and design, i have a few things in mind to improve it and a couple of extra features to try (e.g google maps to mark the locations a bit better somwhere), but i wanted to get out the new design sooner rather than waiting untill i'd done eveything else
     
  18. wjh2303

    wjh2303 New Member

    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    0
    ok ive made various minor updates to structure, content, features, anyone want to add any final comments? im not sure ill be pestering you lot much more after this as im getting very happy with how it looks.

    Thanks alot to all, time to start trying to pimp it out across the web and get my pagerank up...
     
  19. farscapeone

    farscapeone Community Advocate Community Support

    Messages:
    1,165
    Likes Received:
    27
    Trophy Points:
    48
    I don't want to say anything cos I'll probably disappoint you :)
     
  20. wjh2303

    wjh2303 New Member

    Messages:
    139
    Likes Received:
    0
    Trophy Points:
    0
    well its been a while, and ive been playing around with a few things, the occasional tweak here and there, a few changes in the back end and the way certain things are presented. Ive now had a go at a slightly more drastic re-design and would like some opinions. is it better, worse etc... general C+C please, if you want:biggrin:

    current link: http://lifeinmegapixels.com
    new design: http://lifeinmegapixels.com/index3.php (only first page, links will go to old design)
     

Share This Page