» Site Navigation
1 members and 3,140 guests
Most users ever online was 6,337, 01-24-2020 at 04:30 AM.
» Today's Birthdays
» Stats
Members: 75,093
Threads: 248,535
Posts: 2,568,705
Top Poster: JLC (31,651)
|
-
BPnet Veteran
my new website
I just registered it but I thought I would share it with you and the corporate logo
Python Paradise
BPs Currently 23 total
1.6.0 Normals, 1.0.0 66% poss het pied, 2.5.0 Yellow Belly, 1.0.0 Blonde Pastel, 1.0.0 Mojave, 0.1.0 Lemon Blast, 1.0.0 Albino, 0.1.0 100% het albino, 1.0.0 Spider, 1.1.0 Het Caramel Albino
-
-
BPnet Veteran
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
BPs Currently 23 total
1.6.0 Normals, 1.0.0 66% poss het pied, 2.5.0 Yellow Belly, 1.0.0 Blonde Pastel, 1.0.0 Mojave, 0.1.0 Lemon Blast, 1.0.0 Albino, 0.1.0 100% het albino, 1.0.0 Spider, 1.1.0 Het Caramel Albino
-
-
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?
-
-
BPnet Veteran
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
BPs Currently 23 total
1.6.0 Normals, 1.0.0 66% poss het pied, 2.5.0 Yellow Belly, 1.0.0 Blonde Pastel, 1.0.0 Mojave, 0.1.0 Lemon Blast, 1.0.0 Albino, 0.1.0 100% het albino, 1.0.0 Spider, 1.1.0 Het Caramel Albino
-
-
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.
-
The Following User Says Thank You to Nate For This Useful Post:
-
Re: my new website
Damn Nate.....just took the damn training wheels right off the bike!!!!
LOL
-
-
Re: my new website
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
-
The Following User Says Thank You to Nate For This Useful Post:
-
BPnet Veteran
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.
BPs Currently 23 total
1.6.0 Normals, 1.0.0 66% poss het pied, 2.5.0 Yellow Belly, 1.0.0 Blonde Pastel, 1.0.0 Mojave, 0.1.0 Lemon Blast, 1.0.0 Albino, 0.1.0 100% het albino, 1.0.0 Spider, 1.1.0 Het Caramel Albino
-
-
BPnet Veteran
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:
BPs Currently 23 total
1.6.0 Normals, 1.0.0 66% poss het pied, 2.5.0 Yellow Belly, 1.0.0 Blonde Pastel, 1.0.0 Mojave, 0.1.0 Lemon Blast, 1.0.0 Albino, 0.1.0 100% het albino, 1.0.0 Spider, 1.1.0 Het Caramel Albino
-
-
Re: my new website
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
-
The Following 2 Users Say Thank You to Nate For This Useful Post:
derrabe (07-18-2009),littleindiangirl (07-17-2009)
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|