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 12 of 12
  1. #1
    New Coder
    Join Date
    May 2009
    Location
    Woodbridge, VA
    Posts
    62
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Seeking feedback on my FINAL design for my home page

    I want some constructive feedback on the final design for my home page.

    You can view it here: http://www.lgbtsource.com/sandbox2.html

    Thanks for any feedback,
    James

  • #2
    UE Antagonizer Fumigator's Avatar
    Join Date
    Dec 2005
    Location
    Utah, USA, Northwestern hemisphere, Earth, Solar System, Milky Way Galaxy, Alpha Quadrant
    Posts
    7,691
    Thanks
    42
    Thanked 637 Times in 625 Posts
    Where's the flair? Also it's not pink enough.

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Have you been drinking again, Fumigator? Or did that accursed bunnylist thing get to you?

  • #4
    New Coder
    Join Date
    May 2009
    Location
    Woodbridge, VA
    Posts
    62
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Umm... not really helpful. Seriously, though I really would like some feedback that could be helpful.

    James

  • #5
    Senior Coder
    Join Date
    Jul 2009
    Location
    South Yorkshire, England
    Posts
    2,318
    Thanks
    6
    Thanked 304 Times in 303 Posts
    Put the inline CSS into an external file. You're bloating the page size unnecessarily.

  • #6
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Actually, Fumigator did post some helpful feedback, though it is hidden. He comments that your website lacks flair, and I agree. It just seems a bit...bland. There's nothing special to it. There's no design element which makes me remember. Design isn't everything, obviously, and people will often come back to your site because of the good content more than anything else, but I can't help but thinking that, visually, it's very plain.

  • #7
    New Coder
    Join Date
    May 2009
    Location
    Woodbridge, VA
    Posts
    62
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Exclamation

    I know that it is kind of bland, but I can't think of anything that would give my site more "flair" while also fitting with the rest of the site. If anyone has suggestions for that, I'm open to it.

    Also, I created a external CSS file for page template called "pagetemplate.css", but when I removed the internal CSS file and placed in the external CSS template on this sandbox page it didn't work.

    This is the code I used for importing the external css file:

    Code:
    <script type="text/css" src="pagetemplate.css"></script>
    This is the entire head section of the page:

    Code:
    <head>
    
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    
    <title>LGBTSource - Your Source For LGBT Orgzanizations & Services</title>
    
    <meta name="keywords" content="gay, bisexual, gay tv, gay movies, gay men, gay celebrities, homosexuality, homosexual, gay marriage, dating, dating sites, lgbt directory, gay directory, lesbian, trans, transgender, queer, intersex, ftm, mtf, genderqueer, gender****, lgbt resources, bisexual, bi, questioning, lgbt christian, tranny, gay actors, gay resources, ***, religion, gay religion " />
    <meta name="description" content="LGBTSource is a free LGBT directory listing service that is updated daily." />
    
    <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    
    <style type="text/css">
    #ul-table li, #ul-table li a { 
    background-color:#CDE472;
    font: 12px Arial, sans-serif;
    display:block;
    line-height:18px;
    }
    #ul-table a:link, #ul-table a:visited, #ul-table a:active 
    {
    color:#232323; text-decoration: none;
    }
    #ul-table a:hover {
    background-color:#D4ED91; 
    color:black;
    text-decoration: none;
    clear:both;
    }
    #ul-table {
    width:562px;
    text-align:center;
    margin: 0px auto;
    padding:0;
    color:black;
    list-style-type:none;
    }
    #ul-table li {
    width: 139px;
    float:left;
    border:1px solid black;
    text-align: center;
    border-right:none;
    } 
    * html #ul-table li a {
    width: 100%;
    } 
    #ul-table li.top 
    {
    border-bottom:none;
    } 
    #ul-table li.right {
    border-right:1px solid black;
    }
    .clear {
    clear:both;
    margin-top:-1px;
    height:1px;
    overflow:hidden;
    }
    #navlist
    {
    padding-left: 0;
    margin-left: 0;
    border-bottom: 1px solid gray;
    width: 200px;
    }
    #navlist li
    {
    list-style: none;
    margin: 0;
    padding: 0.25em;
    border-top: 1px solid gray;
    }
    #navlist li a { text-decoration: none; }
    </style>
    
    <script type="text/css" src="pagetemplate.css"></script>
    
    </head>
    What am I doing wrong with importing the CSS file?

    Thanks for any help,
    James

  • #8
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    There are a couple of ways of importing external CSS documents.

    1) The HTML link element.
    This is place in the head of your document. Its syntax is like this:
    Code:
    
    <link rel="relationship" type="MIME type" href="URI" media="medium/a" title="title"/>
    In order to include a stylesheet, you would use the element like this:
    Code:
    
    <link rel="stylesheet" type="text" href="styles.css" media="all"/>
    obviously replacing the value of the href attribute with the location of your stylesheet.

    2) The style element.
    This must be placed in the head of your document too.
    Syntax:
    Code:
    
    <style type="MIME type" media="medium/a" title="title" ></style>
    You would use the @import at-rule to get the CSS.
    Code:
    
    <style type="text/css">
    @import url("styles.css");
    </style>
    replacing URIs where appropriate.

    The script element cannot be used for this. The link element is preferred.
    Last edited by Apostropartheid; 07-29-2009 at 02:40 AM.

  • #9
    New Coder
    Join Date
    May 2009
    Location
    Woodbridge, VA
    Posts
    62
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I used the <link rel="stylesheet" type="text" href="styles.css" media="all"/> code and that did the trick. Many thanks.

    Anyone have suggestions on how to put some "flair" into my site?

    Thanks a lot for any help,
    James

  • #10
    Senior Coder
    Join Date
    Jul 2009
    Location
    South Yorkshire, England
    Posts
    2,318
    Thanks
    6
    Thanked 304 Times in 303 Posts
    That's pretty much a personal taste thing. It's not something you can really describe as such. Just little tweaks to possibly give a slightly off-white background, making the colour of those list entries a bit more appealing and using a different font, (I like Verdana personally), would, in my opinion, make it more pleasing on the eye.

    However, it is a personal preference thing as much as anything else, so there is no set rule as such. Just keep tweaking the CSS until you find something which you look at and think, I like that.

  • #11
    Regular Coder noneforit's Avatar
    Join Date
    Apr 2009
    Location
    England
    Posts
    268
    Thanks
    10
    Thanked 20 Times in 20 Posts
    Mite just be me being a pleb but your additional pages dont seem to be the same stye as the homepage. i.e. the About, Contact, pages etc dont have the same header, or the same logo, or the same navbar??

    Unless you just wanted the main page looked at

  • #12
    New Coder
    Join Date
    May 2009
    Location
    Woodbridge, VA
    Posts
    62
    Thanks
    2
    Thanked 0 Times in 0 Posts
    The page I posted to be reviewed (http://www.lgbtsource.com/sandbox2.html) is different then the other pages on my site. The page I posted is going to be the front page. I'm just working on the page template for the listings and then I'm going to post both the main page layout and the one for the actual listings.

    James


  •  

    Posting Permissions

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