my new website

***derrabe*** · 07-16-2009, 12:37 PM

I just registered it but I thought I would share it with you and the corporate logo

Python Paradise

***derrabe*** · 07-16-2009, 09:09 PM

This is still a big work in progress but what do you think so far all graphics are custom designed by me

***Patrick Long*** · 07-16-2009, 09:11 PM

I think your on the right track.

That main header picture is sooo skewed, it almost makes me nauseous.

I would suggest fixing that.

Maybe a more readable font as well?

***derrabe*** · 07-16-2009, 09:16 PM

sorry about the header it adjust to the size of your window so it might not come across right. I just adjusted it to a set size hopefully a little less nauseating LOL

**Nate** · 07-16-2009, 09:31 PM

Hi.

Ditch the frames.

I was tinkin around with a new program I found today called Flux. This is a layout they have already (so no, I did not program this..just giving credit where tis due

)

This will give you the exact same layout with a much cleaner code, no funky scroll bars in the frames, etc.

save this as index.html

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <link href="styles.css" rel="stylesheet" type="text/css" >
    <title>Python Paradise</title>
</head>
<body>
	
<div id="container" >
<div id="top" >
<h1>Header</h1>
</div>
<div id="leftnav" >
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.
</p>
</div>
<div id="content" >
<h2>Subheading</h2>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</p>
<p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>
</div>
<div id="footer" >
Footer
</div>
</div>

</body>
</html>

save this as styles.css

Code:

#container {
	width:90%;
	margin-top:10px;
	margin-right:auto;
	margin-bottom:10px;
	margin-left:auto;
	background-color:rgb(255, 255, 255);
	color:rgb(51, 51, 51);
	line-height:130%;
	border:1px solid gray;
}

#top {
	padding-top:0.5em;
	padding-right:0.5em;
	padding-bottom:0.5em;
	padding-left:0.5em;
	background-color:rgb(221, 221, 221);
	border-bottom:1px solid gray;
}

#top h1 {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
}

#leftnav {
	float:left;
	width:160px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:1em;
	padding-right:1em;
	padding-bottom:1em;
	padding-left:1em;
}

#content {
	margin-left:200px;
	padding-top:1em;
	padding-right:1em;
	padding-bottom:1em;
	padding-left:1em;
	max-width:36em;
	border-left:1px solid gray;
}

#footer {
	clear:both;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:0.5em;
	padding-right:0.5em;
	padding-bottom:0.5em;
	padding-left:0.5em;
	color:rgb(51, 51, 51);
	background-color:rgb(221, 221, 221);
	border-top:1px solid gray;
}

#leftnav p {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:1em;
	margin-left:0px;
}

#content h2 {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0.5em;
	margin-left:0px;
}

Go with a clean, easy to read navigation. The red on black/brown does not mix well at all.

You should definitely read up on some HTML and CSS goodies over at w3schools.com.

***Patrick Long*** · 07-16-2009, 10:09 PM

Damn Nate.....just took the damn training wheels right off the bike!!!!

LOL

**Nate** · 07-16-2009, 10:10 PM

Originally Posted by Patrick Long

Damn Nate.....just took the damn training wheels right off the bike!!!!

LOL

I accept payment in the form of chocolate chip cookies

***derrabe*** · 07-17-2009, 07:35 AM

Thanks for the code Ill play around with it but the main reason for the frames was to keep my Link and banner button in the same spot and only move the "subheading" section when the links are clicked. I dont speak german(i think that is the language) so can this be accomplished and how. Thanks for the advise again.

***derrabe*** · 07-17-2009, 09:37 AM

Also what information should I include on the home page. I would like more then a sentence or two, but need something to give some background info on BP's and my history. etc What else should I include.

Oh and Nate here:

**Nate** · 07-17-2009, 10:20 AM

Originally Posted by derrabe

Thanks for the code Ill play around with it but the main reason for the frames was to keep my Link and banner button in the same spot and only move the "subheading" section when the links are clicked. I dont speak german(i think that is the language) so can this be accomplished and how. Thanks for the advise again.

That "Lorem Ipsum" is nothing but filler text - it isn't meant to be read.

I understand the want to keep your header banner visible at all times - I used to think the same way when I toyed with frames. But in reality, it isn't very pretty.

Go to Barnes & Noble and check out Sexy Web Design.

It helps a lot to see what kinds of trends are going on and how web sites have advanced over the years.

And - maybe the nail in the coffin... Frames Suck most of the time - published in 1996

» Site Navigation

» Online Users: 2,300

» Search Forums

» Today's Birthdays

» Stats

Thread: my new website

Thread Tools

Display

my new website

Re: my new website

Re: my new website

Re: my new website

Re: my new website

The Following User Says Thank You to Nate For This Useful Post:

Re: my new website

Re: my new website

The Following User Says Thank You to Nate For This Useful Post:

Re: my new website

Re: my new website

Re: my new website

The Following 2 Users Say Thank You to Nate For This Useful Post:

Posting Permissions