Grow your CSS skills. Land your dream job.

My First custom built wp site

  • # November 6, 2009 at 11:11 am

    Hello all,

    I’m biting the bullet and thought I’d submit my first PSD to XHTML to WP site for some positive criticism. Ok the content needs adding, and there are areas for tweeking (this I know). Please feel free to fire over some comments and/or ideas on ways to improve.

    *gulp…..eagerly await some response.

    Forgot to add the URL :roll:

    http://www.mandinabamosque.com

    fyi: personal project for a friend of mine.

    # November 6, 2009 at 1:06 pm

    Its not bad but the real first thing I would suggest is getting that header and footer images to either repeat or make it large enough to cover at least 1900px wide.

    Otherwise, add some margin space around the in-post pics and you might even try and use pointed corners instead of round on the boxes…the round is nice but it doesn’t seem to be contextually within the rest of the design’s straight-lined feel (even your font choice is very straight lined).

    # November 6, 2009 at 5:09 pm
    "Luminated" wrote:
    Its not bad but the real first thing I would suggest is getting that header and footer images to either repeat or make it large enough to cover at least 1900px wide.

    I’ll have to look at auto scaling of the footer and header so I can have the main elements central but have some form of landscape which expands left and right. Will need to look into how to do that.

    "Luminated" wrote:
    Otherwise, add some margin space around the in-post pics and you might even try and use pointed corners instead of round on the boxes…the round is nice but it doesn’t seem to be contextually within the rest of the design’s straight-lined feel (even your font choice is very straight lined).

    I’ve more images to add so will be sure to add more margin. Thanks for advice on corners, as you say it’s a design related issue which needs testing with pointed corners.
    With so many options for fonts it’s difficult at the moment to know what works best. It’s a learning process.

    Really appreciate you taking the time to look over the site and offering the advice.

    # November 9, 2009 at 2:26 pm

    Guys and Gals – Need some help please – not sure what category this should go under, or whether it’s ok to leave here as it’s related to the site I showcased.

    How can I create a wide header and footer but keeping the main image central (building, trees, elephant), which will also auto expand from the center for those with ultra wide screens? Also, if I’m catering for wider screens the content should expand also yes? or should the content still stay structured and therefore more controllable? Some advice needed please.

    Thanks in advance
    Brussells

    # November 9, 2009 at 6:04 pm
    "Brussells" wrote:
    Guys and Gals – Need some help please – not sure what category this should go under, or whether it’s ok to leave here as it’s related to the site I showcased.

    How can I create a wide header and footer but keeping the main image central (building, trees, elephant), which will also auto expand from the center for those with ultra wide screens? Also, if I’m catering for wider screens the content should expand also yes? or should the content still stay structured and therefore more controllable? Some advice needed please.

    Thanks in advance
    Brussells

    I would probably make the top header/footer mountainscape scene one giant image around 1900px wide and then seperate the elephant/trees/hut to be its own graphic and embed that in the header.

    Check out my site below sometime…I have centered content with repeatable background images combined. I basically coded the site to be 100% fluid width but then used some extra divs around the different sections to contain the content. It caused me to create some extra divs that I wasn’t happy with doing, but it was the only way to do it at the time.

    # November 10, 2009 at 12:52 pm

    And btw, it looks great with the straight corners!

    # November 10, 2009 at 3:01 pm
    "Luminated" wrote:
    I would probably make the top header/footer mountainscape scene one giant image around 1900px wide and then seperate the elephant/trees/hut to be its own graphic and embed that in the header.

    Check out my site below sometime…I have centered content with repeatable background images combined. I basically coded the site to be 100% fluid width but then used some extra divs around the different sections to contain the content. It caused me to create some extra divs that I wasn’t happy with doing, but it was the only way to do it at the time.

    Thanks for the reply – Looking at your site the floating logo and birds works well when rescaling the browser window, as they are floating in the clouds there position is always looking ok. However to be able to have the elephant trees and hut floating in that way could potentially cause a few issues in getting them always looking grounded yet having a rugged landscape. I’ll give it a go anyway but think it could be a headache :roll:

    Agreed the rounded corners didnt look right for the layout and design I’m working on. I think I just got carried away with the new css option to be able to do that on the fly :P Will save that for my next project.

    Thanks again
    Brussells

    # November 10, 2009 at 3:45 pm

    Graceful subtly is what separates a good design from a fantastic design. :mrgreen:

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".