My Personal Project Website

[Coffee]

http://coffeeswebsite.web44.net/

Yes, I know it's free subdomain but I am buying 'real' domain and premium hosting soon.

But for now, opinions?


Sidenotes:

This is first website ever made by me.

I use this site to practice HTML, PHP and CSS.

 

[Justice]

Saw this on Hack Forums!
Anyways, its nice, but the background hurts.

 

[Coffee]

Yeah, working on a new bg, I have been bit bored to make it, lol.

 

[Skeleto]

Nice job man, yeah just work on the bg other than that its pretty cool especially for your first time

 

[NRSHokie]

Nice website bro! Just change the seizure by and u should be good for now.

 

[Coffee]

Yup, coded it fully myself!

And thanks for the nice words.

 

[NRSHokie]

Nice website bro! Just change the seizure by and u should be good for now.

Sorry I meant seizure bg not by

 

[Coffee]

Okay, I got whatya meant.

 

[Kyles]

There is 0 CSS involved with what you did, so you mine as well remove that from the thread. I know this is your first design, but you should know that using a flashing a background would removed traffic on any website. Your HTML is all over the lace also. You should some GFX so you can make something in between things. Also, You should do some CSS, here's one I like to use, it's a wrapper.

Use all this CSS, It will give it a very clean GUI

<style>
body {
  margin: 0;
  padding: 20px;
  background: #efefef;
  color: #333;
}
#wrapper {
  margin: 20px auto 20px auto;
  width: 600px;
  background: #fff;
  padding: 40px;
  border: 1px solid #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 0 2px #999;
  -webkit-box-shadow: 0 0 3px black;
  
}
a img {
  border: 0;
}
body, th, td, input {
  font: 13px/17px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  background-image:url(images/bg.png);
}
a:link, a:visited {
  color: #00688f;
  text-decoration: underline;
}
a:hover, a:active {
  color: #000;
  border: 0;
}
h1 {
  font: 170% "Trebuchet MS", Georgia, serif;
  font-weight: bold;
  color: #00428d;
  margin: 15px 0 5px 0;
}
h2 {
  font: 130% "Trebuchet MS", Georgia, serif;
  font-weight: bold;
  color: #59006c;
  margin: 50px 0 5px 0;
  padding: 0 0 3px 0;
  border-bottom: 1px solid #ccc;
}
h3 {
  font: 110% "Trebuchet MS", Georgia, serif;
  font-weight: bold;
  color: red;
  margin: 30px 0 0 0;
  padding: 0;
	color: #999;
	text-transform: uppercase;
}
.warning {
  background: #fffedf;
  padding: 8px;
  border: 1px dashed #ccc;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 90%;
}
.optional {
  background: none repeat scroll 0 0 #FFE081;
  border-radius: 3px 3px 3px 3px;
  font-size: 80%;
	font-weight: normal;
  padding: 1px 4px;
}
.subtle {
  color: #999;
}
</style>

Please tell me you know how to use DIV's

 

[Coffee]

I am still reading about CSS before trying it, I am also going to do a bit more coding before I add more GFX.

And yes, I know how to use DIV Tags.

 

[Kyles]

I am still reading about CSS before trying it, I am also going to do a bit more coding before I add more GFX.

And yes, I know how to use DIV Tags.

I suggest using that simle CSS above.

 

[Coffee]

I am using it, also removed the bg, putting my own into it soon.

 

[Kyles]

Alright. Just let me know if you need anything.

 

[Coffee]

Yup, I surely will!

Could you give a rating on the website and its content btw?

 

[silentkarl]

I'll check this out later.

 

[MCG]

I know this is something you just whipped up but what would anyone actually use this for?
The design isn't great either is the background make it a gradient or something.

 

[Alex]

Yeah...I tried using the useless button and it didnt work..? :L