» Site Navigation
0 members and 1,644 guests
No Members online
Most users ever online was 47,180, 07-16-2025 at 05:30 PM.
» Today's Birthdays
» Stats
Members: 76,073
Threads: 249,220
Posts: 2,572,808
Top Poster: JLC (31,651)
|
-
my new website
I just registered it but I thought I would share it with you and the corporate logo
Python Paradise
-
Re: my new website
This is still a big work in progress but what do you think so far all graphics are custom designed by me
-
Re: my new website
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?
-
Re: my new website
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
-
Re: my new website
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.
-
Re: my new website
Damn Nate.....just took the damn training wheels right off the bike!!!!
LOL
-
Re: my new website
Quote:
Originally Posted by Patrick Long
Damn Nate.....just took the damn training wheels right off the bike!!!!
LOL
:D
I accept payment in the form of chocolate chip cookies :)
-
Re: my new website
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.
-
Re: my new website
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:
http://upload.wikimedia.org/wikipedi...ip_cookies.jpg
-
Re: my new website
Quote:
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 :O
|
