Thread: graphical website makeover

Excellent.

So are you planning on having all of the menu links; buttons? I think being able to pick a skin is wonderfull.

The Software Showcase was set up very nicely.

A very nice looking website.

Yah, I'm hoping to eventually convert all the links to buttons, for invision at least. Just wanted to make sure they're somewhat decent-looking, because I'm not exactly the best artist in the world.

Well I'm not a big fan of tables for layout. I think Axon can tell you that
also take a look at http://validator.w3.org/check?uri=ht...fffiles.com%2F and fix those errors

Also I think it's easier to use <link> to bring in CSS information. It also allows you to link in multiple CSS files and set one as a default with the other ones that the user can select through the browser like opera.

On the plus side: Easy to navigate, using colors that are easy on the eyes, and it works in lynx

Just a few things... and maybe me just being picky:

1) You could use a new font (hopefully just a CSS change).

2) The invision skin looks good... but your buttons could use a little work.

3) Just my opinion, but the banner looks a little childish.

4) In the non-invision skins, you don't define your borders very well and it ends up looking kinda blended, instead of seperated.

5) Your banner should be the width of the page... having it slightly less wider than the rest of the site gives it a funky look.

6) Sometimes your "fine print" is too fine. Don't use bold for fine print and pick something that can be read (ie. Tahoma font?).

7) I have to echo Thantos on the suggestions he made. Don't use tables, and link your CSS files. If you don't link your CSS files, you remove 90% of the power that it wields.

Again... I'm picky. Sue me.

Sounds good everyone, thanks very much for the criticism, it's exactly what I was looking for. I'll get right on to fixing as much stuff as I can.

By fine print, I meant anywhere you had small disclaimers or whatever. I usually try to do something like you've done in your sig on here. Make your main displays in a normal font (9 or 10pt?) and then make your disclaimers in 8pt.

As far as fonts, I personally like Tahoma. It's very clean and easily readable. Arial is good... but still has an amatuer (sp?) feel to it. And if you're going to change the font in the body, I'd suggest changing your images at the top (menu buttons) to match it.

OK, let's see:

1) You could use a new font (hopefully just a CSS change).

2) The invision skin looks good... but your buttons could use a little work.

3) Just my opinion, but the banner looks a little childish.

4) In the non-invision skins, you don't define your borders very well and it ends up looking kinda blended, instead of seperated.

5) Your banner should be the width of the page... having it slightly less wider than the rest of the site gives it a funky look.

6) Sometimes your "fine print" is too fine. Don't use bold for fine print and pick something that can be read (ie. Tahoma font?).

7) I have to echo Thantos on the suggestions he made. Don't use tables, and link your CSS files. If you don't link your CSS files, you remove 90% of the power that it wields.

1) fixed/changed

2) What needs work about them? (colours, roundedness, how much they move down when your mouse hovers on them, etc...?)

3) The banner was the first thing I created for the site, heh, and I designed 5 separate banners for a bunch of different projects (they get randomly displayed). So by childish what do you mean looks childish? The explosion in the background? Or just the different games displayed around the edges?

4) I'm not exactly sure what you mean by that.

5) I've fixed that slightly. The hit counter thing was forcing my page outside of the 800px width. I can't shrink it down to be exactly 800px without wrecking the spacing on the rest of the site (if i make cellpadding=0 and cellspacing=0, the images at the top align perfectly for an 800px width, but then all of the tables on my site look really scrunched together.

6) Fixed

7) I'll work on linking the CSS. I had originally written the php script to allow others to make skins, but now that I look at it, I have trouble making skins the way it is right now, so I think I'm going to rewrite it so it's not as file-reading intensive (there's some really crappy php code in the background that you can't see, but every time you visit another page, it has to open a file from my server and read in the colour values, *blegh* code from when I first started my site, heh)



And at thantos:
http://validator.w3.org/check?uri=ht...fffiles.com%2F
Got my site verified with no errors.

Originally Posted by jverkoey

2) What needs work about them? (colours, roundedness, how much they move down when your mouse hovers on them, etc...?)

3) The banner was the first thing I created for the site, heh, and I designed 5 separate banners for a bunch of different projects (they get randomly displayed). So by childish what do you mean looks childish? The explosion in the background? Or just the different games displayed around the edges?

4) I'm not exactly sure what you mean by that.

5) I've fixed that slightly. The hit counter thing was forcing my page outside of the 800px width. I can't shrink it down to be exactly 800px without wrecking the spacing on the rest of the site (if i make cellpadding=0 and cellspacing=0, the images at the top align perfectly for an 800px width, but then all of the tables on my site look really scrunched together.

7) I'll work on linking the CSS. I had originally written the php script to allow others to make skins, but now that I look at it, I have trouble making skins the way it is right now, so I think I'm going to rewrite it so it's not as file-reading intensive (there's some really crappy php code in the background that you can't see, but every time you visit another page, it has to open a file from my server and read in the colour values, *blegh* code from when I first started my site, heh)

2) The font is huge compared to the other stuff around it. And they seem to be too big. I would lose the button scheme all together and just use CSS to doctor up the links. But that's just me.

3) The explosion is fine. The other things around the sides seem to clutter the image and make it not look as clean. Again, just my opinion... don't feel you have to change it just because of me.

4) In the middle (news) part... you put a small border around each of the sections. I'd recommend putting the same border around your menu setup. Keep it consistent. Otherwise, it just looks funny. Even if you drop a 1px black border in to give it some depth, it would make it look a lot better.

5) Stop using tables for layout. A design like yours was built for divs. Use them. That'll make your little "shrinking" problem go away.

7) Linking the CSS will also allow you to have a more uniform look for the entire website. Plus you'll be able to change things like font families and such on the fly in one file. Personally... I don't think your users would mind not having various skins to choose from. I know a couple bulletin boards allow it, but how many major websites allow you to do something like that? It's overhead and distracts you from your goal: producing an effective website. I've asked a lot of guys here where I work to give me feedback on how my websites look... and what do they tell me? I don't really care how it looks, as long as I can do my work. Granted, it can't be horrid, but people will come back for your content, not your styles.

not trying to ........ anyone off, but am i the only one who gets an "advertisment" type vibe off the amount of threads/posts you create about your site? No offense man but it seems like every other post of yours is about the site.

Hmm, good point.

Well, that's the main goal of the software showcase, is to provide a bit more content to the site hopefully.

But as for things fixed, I just fixed the border thing around the edges of the links on the left, and also, as for the buttons, I realize they're a bit big, I'm still tinkering with their look a bit, it's not too hard to shrink/expand them as I'm making them in photoshop.

Thanks a ton ober for the feedback.

*sees RoD's thread*

hmm, well, most of the threads I create in GD I suppose have to do with my site, that's true, but I only post here when I'm looking for feedback on something about my site, I'm not intending to advertise because of these posts. If you notice, this post is asking for people to look at the design and give me feedback.

Well, I'll keep that in mind though and try not to post so many questions about my site here in GD, maybe Tech Board would be better for the questions I'm asking?

Originally Posted by RoD

not trying to ........ anyone off, but am i the only one who gets an "advertisment" type vibe off the amount of threads/posts you create about your site? No offense man but it seems like every other post of yours is about the site.

yes you are