• Howdy! Welcome to our community of more than 130.000 members devoted to web hosting. This is a great place to get special offers from web hosts and post your own requests or ads. To start posting sign up here. Cheers! /Peo, FreeWebSpace.net
managed wordpress hosting

My 3rd design. Please review.

Status
Not open for further replies.
It isn't bad, but bring some variation in the background color.It's a little all-the-same-color.
 
So what colour would you recommned to go with the blue and what colour of what should I change (background, text, etc).
 
I think the buttons are a bit too large... you could either make the logo bigger or the buttons smaller... one of the two :)
 
Here are some suggestions:

- Add a hover for the buttons
- Change the background to something lighter or darker
- Make the buttons smaller.

Also try to keep these design updates in one thread.
 
Does anyone know how I stop the page from being really long. If I make it smaller then the text goes to the middle of the page.
 
I have to say, the image background doesn't match the background of the page. I am using 24 bit color. I would suggest using GIF images because you can make the background transparent.
 
Originally posted by DeepList.com
I have to say, the image background doesn't match the background of the page. I am using 24 bit color. I would suggest using GIF images because you can make the background transparent.
Click to expand...

I noticed that too but its not the easiest thing to do when you are using one program to do that background and the other to make the images.
 
Yeah, I know what that is. How about if the default button is that and when the mouse moves over it, it changes to the current blue?
 
Originally posted by cheatpark
Yeah, I know what that is. How about if the default button is that and when the mouse moves over it, it changes to the current blue?
Click to expand...

That wouldn´t look good... rather you should change the Chat text to a light yellow and the orange spots to darker orange. Keep the navy color background.
 
I have to say, much better layout! And the navigation is no longer overwhelming!

Here are some more ideas:

1. I think the others were a bit right about everything being the same color. What you can do is visually divide your page by putting different parts of your web site in table cells that are different shades of blue. I would have the header in one shade of blue, the side nav in another shade of blue, and the main body in yet another. Other than that, I think the layout is much better than it was before!
 
Originally posted by cheatpark
I'll get to work on it then. I never knew making such a good website design would be so hard.
Click to expand...

When you put your mind to it, it really isn´t hard at all. Just takes time.
 
Originally posted by liquidbabe
I have to say, much better layout! And the navigation is no longer overwhelming!

Here are some more ideas:

1. I think the others were a bit right about everything being the same color. What you can do is visually divide your page by putting different parts of your web site in table cells that are different shades of blue. I would have the header in one shade of blue, the side nav in another shade of blue, and the main body in yet another. Other than that, I think the layout is much better than it was before!
Click to expand...

I'm not too sure about the shades of blue but I may give it a little test to see what it turns out like. If its good I'll keep it.
 
You've corrected most of the problems from your second design but one still remains, that's the fact that the page keeps on going beyond where the content seems to have ended, resulting in a vertical scrollbar that seems to scroll to nowhere. The cause of this is thirty-three "<p align=right>&amp;nbsp;</p>"'s right below your links. What are their point? They don't seem to have one, why are they there? If you're using them to try to force the content of the cell to the top, then delete them and just add "valign=top" to your <td> tags.
 
Originally posted by Dusty
You've corrected most of the problems from your second design but one still remains, that's the fact that the page keeps on going beyond where the content seems to have ended, resulting in a vertical scrollbar that seems to scroll to nowhere. The cause of this is thirty-three "<p align=right>&amp;nbsp;</p>"'s right below your links. What are their point? They don't seem to have one, why are they there? If you're using them to try to force the content of the cell to the top, then delete them and just add "valign=top" to your <td> tags.
Click to expand...

It seems to have worked for the right side but not the left side. Here is the source:

<html>
<head>
<title>Welcome to Cheatpark</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style>
<!--
A{text-decoration:none}
-->
</style>
<body bgcolor="#000066" text="#000000">
<table width="98%" border="0" cellspacing="2" cellpadding="2" height="384">
<tr>
<td colspan="3" height="73">
<div align="left"><img src="logo.jpg" width="200" height="60"> <img src="chat.jpg" width="70" height="25">
<img src="forums.jpg" width="90" height="25"> <img src="links.jpg" width="90" height="25">
<img src="advertising.jpg" width="110" height="25"> </div>
</td>
</tr>
<tr>
<td rowspan="3" width="16%">
<p align="top"><a href="http://www.cheatpark.net/news.htm"><img src="news.jpg" width="85" height="35" border="0"></a></p>
<p align="top"><a href="http://www.cheatpark.net/previews.htm"><img src="previews.jpg" width="115" height="35" border="0"></a></p>
<p align="top"><a href="http://www.cheatpark.net/reviews.htm"><img src="reviews.jpg" width="120" height="35" border="0"></a></p>
<p align="top"><a href="http://www.cheatpark.net/cheats.htm"><img src="cheats.jpg" width="100" height="35" border="0"></a></p>
<p align="top"><a href="http://www.cheatpark.net/charts.htm"><img src="charts.jpg" width="95" height="35" border="0"></a></p>
<p align="top"><a href="http://www.cheatpark.net/calendar.htm"><img src="calendar.jpg" width="110" height="35" border="0"></a></p>
<p align="top"><a href="http://www.cheatpark.net/download.htm"><img src="download.jpg" width="120" height="35" border="0"></a></p>
<p align="top"><a href="http://www.cheatpark.net/voting.htm"><img src="voting.jpg" width="95" height="35" border="0"></a></p>
</td>
<td rowspan="3" width="83%">
<div align="left">
<p align="center"><font face="Arial" size="5" color="#FFFFFF">Welcome
to Cheatpark</font> </p>
<h5><font color="#FFFFFF" face="Arial" size="2">Welcome to cheatpark.net.
This is our second attempt at the new design. We hope that you like
it! Please leave your comments in the </font><font color="#00CCFF" face="Arial" size="2"><a href="http://www.cheatpark.net/cgi-bin/YaBB.pl"><font color="#FF6600"><b><i>forums</i></b></font></a><font color="#FFFFFF">.</font></font></h5>
<h5>&nbsp;</h5>
<h5><font size="2" color="#FFFFFF" face="Arial">Test images below:</font></h5>
<h5 align="center"><img src="18wheeler_thumb002.jpg" width="120" height="90">
</h5>
<h5 align="center"><img src="netro_logo.jpg" width="320" height="240"></h5>
<h5 align="center"><img src="18wheeler_thumb001.jpg" width="120" height="90"></h5>
<h5 align="center"><img src="biggrin.gif" width="16" height="16"></h5>
<h5 align="center"><img src="admin.gif" width="14" height="16"></h5>
<h5 align="center"><img src="administrator.gif" width="122" height="133"></h5>
<h5><font color="#FFFFFF" size="2" face="Arial">Note: the images above
are test images and will not appear in the final design. These are to
see what images look like against the blue background. Cheatpark.net
holds no copyright of these images apart from the navigation images
and logo and other images where it will say this in the copyright secion
of the site (avialable soon).</font></h5>
<h5 align="center"><font color="#FFFFFF" size="2" face="Arial"> Copyright
&copy;2001 Cheatpark.net, all rights reserved.</font></h5>
</div>
</td>
<td width="1%">&nbsp;</td>
</tr>
<tr>
<td width="1%">&nbsp;</td>
</tr>
<tr>
<td width="1%" height="491">&nbsp;</td>
</tr>
</table>
</body>
</html>
 
Status
Not open for further replies.
Back
Top