...

View Full Version : Seeking feedback on my FINAL design for my home page



lgbtsource
07-28-2009, 12:54 PM
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

Fumigator
07-28-2009, 09:50 PM
Where's the flair? Also it's not pink enough.

Apostropartheid
07-29-2009, 12:15 AM
Have you been drinking again, Fumigator? Or did that accursed bunnylist thing get to you?

lgbtsource
07-29-2009, 01:08 AM
Umm... not really helpful. Seriously, though I really would like some feedback that could be helpful.

James

MattF
07-29-2009, 01:12 AM
Put the inline CSS into an external file. You're bloating the page size unnecessarily.

Apostropartheid
07-29-2009, 01:26 AM
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.

lgbtsource
07-29-2009, 02:13 AM
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 (http://www.lgbtsource.com/sandbox1.htm) it didn't work.

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



<script type="text/css" src="pagetemplate.css"></script>


This is the entire head section of the page:



<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

Apostropartheid
07-29-2009, 02:37 AM
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:


<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:


<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:


<style type="MIME type" media="medium/a" title="title" ></style>
You would use the @import at-rule to get the CSS.


<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.

lgbtsource
07-29-2009, 03:02 AM
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

MattF
07-29-2009, 10:27 AM
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.

noneforit
07-29-2009, 06:52 PM
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

lgbtsource
07-30-2009, 10:02 AM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum