My First Website Template, ? Options

[funride]

I want to know what you guys think of this.
It's my first time coding a website template and desiging it.
So heres the screen cap:
http://i44.tinypic.com/2nk6y6o.png

And heres the code:

CODE

<style type="text/css">

body{background-color: #f4fee5;
background-image:url(http://funride.org/funridebackground.png);
background-image: repeat;
color: #ffffff;
font-family: century gothic;
font-size: 12px;}

#content{
position: absolute;
overflow: hidden;
top: 370px;
left: 28px;
width: 280px}

h1{
color:FF0000;
font-family: Georgia;
border: 1px solid; border-color: #FFFFFF;
font-size: 30px}

#banner{
position: absolute;
top: 0px;
left: 0px;
width: 301px}

#content h1 { margin-left: 0px;
text-align: left; }
#content p { margin-left: 0px;
width: 300px; }

#conenttwo{
position: absolute;
overflow: hidden;
top: 10px;
left: 550px;
width: 175px}

#conenttwo h1 { margin-left: 350px;
text-align: left; }
#contenttwo p { margin-left: 350px;
width: 300px; }

#conenttwo h1 { margin-left: 0px;
text-align: left; }



</style>

<div id="banner">
<img src="http://funride.org/new funride layout.png">
</div>


<div id="content">
<h1>Header</h1>
<p>AFDLKJASDFL;JASDF;LJSDFL;DJFLDJFSDL;FJDLFJK;FJADL;JL;JF;LNLASDKFJNCL;KJDFL;NC
;KJDFLC;LFJK;LSMFL;KDJFLNCL;KJFLK;CLKJSDFLKSJF;LACIE;QPADF;LAJSDFKH;ASDIFFASO;DF
;LSKFJ;LDSFKJA;IOFU;LDFJ;LFJLD;FJL;DSFKJA;DFLJASDLFKJASDLF;JASDFLKJDF;LDJF;ALDFJ
;DSJFLD;FJD I WANT TO SEE IF THESE WORDS GET CUT OFF, IM PRETTY SURE THERE GONNA BUT I HOPE NOT.</p>

<h1>Header</h1>
<p>AFDLKJASDFL;JASDF;LJSDFL;DJFLDJFSDL;FJDLFJK;FJADL;JL;JF;LNLASDKFJNCL;KJDFL;NC
;KJDFLC;LFJK;LSMFL;KDJFLNCL;KJFLK;CLKJSDFLKSJF;LACIE;QPADF;LAJSDFKH;ASDIFFASO;DF
;LSKFJ;LDSFKJA;IOFU;LDFJ;LFJLD;FJL;DSFKJA;DFLJASDLFKJASDLF;JASDFLKJDF;LDJF;ALDFJ
;DSJFLD;FJD I WANT TO SEE IF THESE WORDS GET CUT OFF, IM PRETTY SURE THERE GONNA BUT I HOPE NOT.</p>

<h1>Header</h1>
<p>AFDLKJASDFL;JASDF;LJSDFL;DJFLDJFSDL;FJDLFJK;FJADL;JL;JF;LNLASDKFJNCL;KJDFL;NC
;KJDFLC;LFJK;LSMFL;KDJFLNCL;KJFLK;CLKJSDFLKSJF;LACIE;QPADF;LAJSDFKH;ASDIFFASO;DF
;LSKFJ;LDSFKJA;IOFU;LDFJ;LFJLD;FJL;DSFKJA;DFLJASDLFKJASDLF;JASDFLKJDF;LDJF;ALDFJ
;DSJFLD;FJD I WANT TO SEE IF THESE WORDS GET CUT OFF, IM PRETTY SURE THERE GONNA BUT I HOPE NOT.</p>

</div>

<div id="conenttwo">
<h1>Heading Here</h1>
<p>Words words words words words. Words words words words words. These are words I want to see if they get cut off? Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words</p>
</div>

[Tomates]

I like it. Im not much of a fan for the disney characters but i would say this turned out pretty good. It blends well. The background is pretty cool, and the red adds a bit of an extra oomph.

I give it a thumbs up

[funride]

Thanks!
:D
I dont like them either. My co-owner wanted to use her.
But.. I'm gonna work on some more things before I sumbit here.

Would you reccomend working on some more before I use this on my site?

[Tomates]

watcha mean by working on some? Sorry, im half asleep and not thinking straight.

[Maccabee]

It nice :)

I would suggest using less contrasting colors though. Like instead of black, pick a dark grey, and instead of a white border use a light grey. And try and find a background image that tiles better. And maybe a brighter one too.

And you never want to use bright colors. Dont go to the top right corner when picking the red. Pick something a little darker.

And maybe to do something a little different try using images instead of text. Like on headers and stuff. Not content.

use a tutorial like this:
http://www.createblog.com/all-other-tutori...ive-text--gimp/

Not sure what program you use but it should be easy to understand how to do it through this. But if you cant just figure it out you can probably google a tutorial for it.

I would work on it some more before you put it up. And you may even want to change the colors. Its a little too dark. Pick a bunch of colors you want to use. Keep it around greys and occasionaly add some colors that pop, but not as much as they do now.

I give it a thumbs up

[funride]

watcha mean by working on some? Sorry, im half asleep and not thinking straight.

I mean I'm going to get a higher skill level at make them, so they will turn out nicer.

If i sumbitted this would it get rejected?
I'm pretty sure it would.

Reason for edit: Posts merged. Please don't double post; the "edit" button is there for a reason. Thanks. -Nat

[Maccabee]

yes it would.

[digitalfragrance]

It's a great start! However, I'd try to stay a little more color consistent - the red in the headers stands out and isn't found anywhere in the design. Also, borders are always a good idea. Part of the good points of website design is seamlessly integrating content and design. By using borders, it stands out kind of awkwardly and takes away from the design.

I have a suggestion. On the banner - create a new layer, set it to "lighten" and use some large feathered round brushes with some lighter colors to add some colorful tints and shades. You could then incorporate this into the stylesheet coding with your content.

Overall, great start.

Edit: About submitting it, I would take some of what I suggested into account before submitting it to cB.

[schizo]

And you never want to use bright colors. Dont go to the top right corner when picking the red. Pick something a little darker.

Agreed. I noticed you use that really bright red in most of your graphics. Super bright colors like that don't look great with most designs, especially red.

Also, the image quality looks kinda low.

[manny-the-dino]

I agree with what everyone in here has said. But you're off to a good start!

And yeah work on it before submitting it.