Hy leute, hiermiet möchte ich euch meine erste homepage vorstellen. sie ist mit html geschrieben und denke für meine erste hp einigermaßen gut gelunge. sie basiert darauf bei dem spiel : Strive to Power, neue leute zugewinnen und das sie sich nicht extra registrieren müssen um zu wissen in welche Allianz sie wollen. hoffe auf feedback
stpap.bplaced.net/
mfg. Darksta
Hi
Dein Design ist zwar schlicht, aber ich finde es ganz gut. Nur am Header könnte man noch etwas machen und vielleicht in der Größe an Content + Navigation anpassen.
Es wär auch noch nett wenn du die Möglichkeit gibst die Hintergrundmusik auszuschalten 
Hi
ich muss dich leider bitten, auf der Seite ein gültiges Impressum mit Name, Adresse, Ortschaft und E-Mail zu erstellen, danke.
ämm ok das impressum werde ich mich gleich drum kümmern, um den fehler auch , aber ich hab erlich gesagt keine ahnung wie ich das einstellen kann das das lied frei abspielbar is… daa es ja auf 2seiten so is
edit : der html fehler dürfte behoben sein
edit2 : impressum ist nun drin
ich hoffe das impressum ist so richtig wenn nicht sagt bitte was anders muss . danke
hey,
das impressum ist ok 
Grüße
danke. fals ihr noch fehler findet bitte melden
Das design gefällt mir nicht wirklich… wäre nett, wenn du die ecken etws abrunden könntest und im Contentbereich eine minimal-höhe angibst
wenn du mir sagst wie ich das mache gerne -.-
in die CSS datei unter content
So zum Beispiel
ach abrunden möcht ich net, aber das mit der höhe muss ich mal gucken wie ich das einfüg bin da net so der hellste
hier mal meine style.css
[code]/* hellblau #c9e2fe*/
/dunkelblau #000080/
*{
margin:0;
padding:0;
}
body{
background : #132337; /* 85adddcccccc gesamter Hintergrund Bildschirm*/
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#container{
width:880px;
margin:0 auto;
margin-top: 15px;
}
#header{
border: 1px solid #132337; /404040/
background: #132337; /c0c0c0 Hintergrund Header/
text-align:center; /* Richtet den Text im Header zentriert aus */
margin-bottom:10px;
}
#header h1{
font-weight:bold; /* Setzt das Schriftgewicht der h1 auf bold /
font-size:24px; / Gibt der h1 eine Schriftgröße von 18 Pixel /
margin:15px 0 15px 0; / Gibt der h1 einen Außenabstand Oben und Unten von 15 Pixel /
color:#DCDCDC; / 404040 färbt die Schrift in der h1 auf ein dunkleres Grau */
}
#navi{
float:left; /* Richtet die Navigation linksbündig aus */
border:1px solid #132337; /404040; c0c0c0/
background:#5c94c4; /*c0c0c0 /
}
#navi ul{
list-style:none; / Entfernt den Listenpunkt aus den Navigationslinks */
}
#navi a{
display:block;
width:145px;
font-size:0.8em;
font-weight:bold;
text-decoration:none;
color:#404040; /666666 Navigationsschrift/
border-bottom:1px solid #132337; /border-bottom:1px solid #004080;/
padding:0.3em;
background:#5c94c4; /* ded385 c0c0c0, b1c7c2 Hintergrund Navigation*/
}
#navi a.last {
border-bottom:0px;
}
#navi a:hover{
color:#000000;/#eeeeee;/
background:#dedede;/#dedede;/
}
#content{
padding:1.5em;
font-size:0.9em; /* 0.9em*/
color:#404040; /000000 Schrift content/
background :#5c94c4; /c0cccc Hintergrund content/
text-align:left;
margin-left:165px;
border:1px solid #132337; /404040, c0c0c0/
/height:400px;/
}
#content h2{
font-weight:normal; /* Setzt das Schriftgewicht der H2 auf normal /
font-size:18px; / Gibt der H1 eine Schriftgröße von 18 Pixel /
margin:0px 0 0px 0; / Gibt der H1 einen Außenabstand Oben und Unten von 10 Pixel /
padding:10px 0 10px 10px;
text-align:center;
color:#404040; / 666666 Färbt die Schrift in der H1 auf ein dunkleres Grau */
}
#content h3{
font-weight:bold; /* Setzt das Schriftgewicht der H1 auf normal /
font-size:14px; / Gibt der H1 eine Schriftgröße von 18 Pixel /
margin:10px 0 10px 0; / Gibt der H1 einen Außenabstand Oben und Unten von 10 Pixel /
padding-left:15px;
color:#404040; / 666666 Färbt die Schrift in der H1 auf ein dunkleres Grau */
}
#content p{
font-size:12px;
margin:0px 0 0px 0;
padding:10px 15px 10px 15px;
/padding-left:15px;/
color:#1a1a1a; /404040/
text-align:justify;
}
#content ul{
list-style:none;
font-size:12px;
padding-left:0px;
margin:0px;
color:#404040;
}
#content a{
color:#404040;
}
#content a:hover{
color:#132337;/#eeeeee;/
background:#132337;/#008080;/
}
.links li{
padding:10px 0 10px 15px;
}
.links a{
color:#404040; /666666/
}
#footer{
clear:both;
padding:0.3em;
font-size:0.8em;
text-align:center;
color:#1a1a1a; /404040 Schrift footer/
background :#5c94c4; /*c0c0c0 Hintergrund footer */
border:1px solid #132337; /404040,c0c0c0/
/*margin-left:50px; /margin-left:165px;/
margin-top:10px;
}
#footer a {
color : #404040;
text-decoration : underline;
}
#footer a:hover {
color : #666666;
background:#C0C0C0;/#008080;/
}
.raised {
background:transparent;
width:100%;
}
.raised h1, .raised p {
margin:0 0px;
}
.raised h1 {
font-size:1em;
color:#000000;
}
.raised p {
/background:#c9e2fe;/
padding-bottom:0.5em;
}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
background:#c9e2fe; /c9e2fe/
display:block;
overflow:hidden;
font-size:1px;
}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
/background:#c9e2fe;/
height:1px;
}
.raised .b2 {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b3 {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b4 {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b4b {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b3b {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b2b {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b1 {
margin:0 5px;
background:#000000;
}
.raised .b2, .raised .b2b {
margin:0 3px;
border-width:0 2px;
}
.raised .b3, .raised .b3b {
margin:0 2px;
}
.raised .b4, .raised .b4b {
height:2px; margin:0 1px;
}
.raised .b1b {
margin:0 5px; background:#ffffff; /fffff/
}
.raised .boxcontent {
display:block;
background:#c9e2fe; /fffff/
border-left:1px solid #000000;
border-right:1px solid #000000;
}[/code]
#container{
width:880px;
margin:0 auto;
margin-top: 15px;
}
da musst du noch
eintragen…natürlich die größe ändern
ich hab ganz erlich keine ahnung was ich an der größe ändern soll, ich lass es erstmal so und arbeite mich weiter in html ein und später dann …
hey,
ist doch ganz einfach…
[code]/* hellblau #c9e2fe*/
/dunkelblau #000080/
*{
margin:0;
padding:0;
}
body{
background : #132337; /* 85adddcccccc gesamter Hintergrund Bildschirm*/
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#container{
width:880px;
margin:0 auto;
margin-top: 15px;
}
#header{
border: 1px solid #132337; /404040/
background: #132337; /c0c0c0 Hintergrund Header/
text-align:center; /* Richtet den Text im Header zentriert aus */
margin-bottom:10px;
}
#header h1{
font-weight:bold; /* Setzt das Schriftgewicht der h1 auf bold /
font-size:24px; / Gibt der h1 eine Schriftgröße von 18 Pixel /
margin:15px 0 15px 0; / Gibt der h1 einen Außenabstand Oben und Unten von 15 Pixel /
color:#DCDCDC; / 404040 färbt die Schrift in der h1 auf ein dunkleres Grau */
}
#navi{
float:left; /* Richtet die Navigation linksbündig aus */
border:1px solid #132337; /404040; c0c0c0/
background:#5c94c4; /*c0c0c0 /
}
#navi ul{
list-style:none; / Entfernt den Listenpunkt aus den Navigationslinks */
}
#navi a{
display:block;
width:145px;
font-size:0.8em;
font-weight:bold;
text-decoration:none;
color:#404040; /666666 Navigationsschrift/
border-bottom:1px solid #132337; /border-bottom:1px solid #004080;/
padding:0.3em;
background:#5c94c4; /* ded385 c0c0c0, b1c7c2 Hintergrund Navigation*/
}
#navi a.last {
border-bottom:0px;
}
#navi a:hover{
color:#000000;/#eeeeee;/
background:#dedede;/#dedede;/
}
#content{
padding:1.5em;
font-size:0.9em; /* 0.9em*/
color:#404040; /000000 Schrift content/
background :#5c94c4; /c0cccc Hintergrund content/
text-align:left;
margin-left:165px;
min-height: 400px;
border:1px solid #132337; /404040, c0c0c0/
/height:400px;/
}
#content h2{
font-weight:normal; /* Setzt das Schriftgewicht der H2 auf normal /
font-size:18px; / Gibt der H1 eine Schriftgröße von 18 Pixel /
margin:0px 0 0px 0; / Gibt der H1 einen Außenabstand Oben und Unten von 10 Pixel /
padding:10px 0 10px 10px;
text-align:center;
color:#404040; / 666666 Färbt die Schrift in der H1 auf ein dunkleres Grau */
}
#content h3{
font-weight:bold; /* Setzt das Schriftgewicht der H1 auf normal /
font-size:14px; / Gibt der H1 eine Schriftgröße von 18 Pixel /
margin:10px 0 10px 0; / Gibt der H1 einen Außenabstand Oben und Unten von 10 Pixel /
padding-left:15px;
color:#404040; / 666666 Färbt die Schrift in der H1 auf ein dunkleres Grau */
}
#content p{
font-size:12px;
margin:0px 0 0px 0;
padding:10px 15px 10px 15px;
/padding-left:15px;/
color:#1a1a1a; /404040/
text-align:justify;
}
#content ul{
list-style:none;
font-size:12px;
padding-left:0px;
margin:0px;
color:#404040;
}
#content a{
color:#404040;
}
#content a:hover{
color:#132337;/#eeeeee;/
background:#132337;/#008080;/
}
.links li{
padding:10px 0 10px 15px;
}
.links a{
color:#404040; /666666/
}
#footer{
clear:both;
padding:0.3em;
font-size:0.8em;
text-align:center;
color:#1a1a1a; /404040 Schrift footer/
background :#5c94c4; /*c0c0c0 Hintergrund footer */
border:1px solid #132337; /404040,c0c0c0/
/*margin-left:50px; /margin-left:165px;/
margin-top:10px;
}
#footer a {
color : #404040;
text-decoration : underline;
}
#footer a:hover {
color : #666666;
background:#C0C0C0;/#008080;/
}
.raised {
background:transparent;
width:100%;
}
.raised h1, .raised p {
margin:0 0px;
}
.raised h1 {
font-size:1em;
color:#000000;
}
.raised p {
/background:#c9e2fe;/
padding-bottom:0.5em;
}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
background:#c9e2fe; /c9e2fe/
display:block;
overflow:hidden;
font-size:1px;
}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
/background:#c9e2fe;/
height:1px;
}
.raised .b2 {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b3 {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b4 {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b4b {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b3b {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b2b {
/background:#c9e2fe;/
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.raised .b1 {
margin:0 5px;
background:#000000;
}
.raised .b2, .raised .b2b {
margin:0 3px;
border-width:0 2px;
}
.raised .b3, .raised .b3b {
margin:0 2px;
}
.raised .b4, .raised .b4b {
height:2px; margin:0 1px;
}
.raised .b1b {
margin:0 5px; background:#ffffff; /fffff/
}
.raised .boxcontent {
display:block;
background:#c9e2fe; /fffff/
border-left:1px solid #000000;
border-right:1px solid #000000;
}[/code]
Das ist der richtige Code mit der mindest größe 
thx, aber ganz erlich es hat sich nicht wirklichwas verändert
Hey,
klar hat sich was verändert!
Auf der Startseite geht das blaue bzw. der Content Bereich nun bis zum Footer.
Grüße
ah stimmt, auf so ne feinheiten achte ich gar net ^^ , THX !
hab da mal noch ne frage , kennt jemand nen html gästebuch ? was ich bei mir einbauen könnte ??
