Layout bewerten
- Ersteller iplay
- Erstellt am
- Status
E
Efchen
Guest
Moin,
ich find die Farben sehr blass. Aber das ist wahrscheinlich so gewollt wegen "Winter"?
Irgendwie finde ich den unteren Rand des oberen Elements etwas befremdlich. Alle anderen Elemente haben außen rum überall einen feinen, zierlichen Rahmen und an der Stelle, wo dann das Menü klebt, protzt so ein fetter blauer Balken.
Aber eigentlich ist das ja schon fast ne Bewertung des Designs[1] und weniger des Layouts. Hmmm...
Naja, die Schwierigkeiten kommen bei der Umsetzung.
[1] Oh, im Text steht ja, Du willst das Design bewertet haben. Ich hab das wohl überlesen, im Topic steht "Layout bewerten". Na, dann passts ja :-)
ich find die Farben sehr blass. Aber das ist wahrscheinlich so gewollt wegen "Winter"?
Irgendwie finde ich den unteren Rand des oberen Elements etwas befremdlich. Alle anderen Elemente haben außen rum überall einen feinen, zierlichen Rahmen und an der Stelle, wo dann das Menü klebt, protzt so ein fetter blauer Balken.
Aber eigentlich ist das ja schon fast ne Bewertung des Designs[1] und weniger des Layouts. Hmmm...
Naja, die Schwierigkeiten kommen bei der Umsetzung.
[1] Oh, im Text steht ja, Du willst das Design bewertet haben. Ich hab das wohl überlesen, im Topic steht "Layout bewerten". Na, dann passts ja :-)
iplay
Neues Mitglied
@ efchen
Ja, die Farben sind eigentlich absicht. Ich würde sie aber auch ändern, wenn jemand was anderes (besseres) einfällt.
coden werde ich das Design aber erst später irgendwann.
Ups. :shock: Das mit der Topic war ein versehen. Wollte eigentlich Design hinschreiben. Da war ich woll ein bisschen zu schnell! ;-)
Danke für deine Meinung. ;Jump
_________________________________________
Würde mich über andere Vorschläge auch noch freuen. :-D
Ja, die Farben sind eigentlich absicht. Ich würde sie aber auch ändern, wenn jemand was anderes (besseres) einfällt.
coden werde ich das Design aber erst später irgendwann.
Ups. :shock: Das mit der Topic war ein versehen. Wollte eigentlich Design hinschreiben. Da war ich woll ein bisschen zu schnell! ;-)
Danke für deine Meinung. ;Jump
_________________________________________
Würde mich über andere Vorschläge auch noch freuen. :-D
ky_fr34k
Mitglied
hi.
erstmal schon gar net schlech. bin auf die umsetzung gespannt.
mir persönlich wäre des blau zu grell. mehr leuten kann mein display nicht mehr packen ;)aber das ist geschmacks sache.
der blau balken ist nicht so der hit (s. efchen).
wenn du schatten benutzt dann soltest du auch überall welche machen (zumindestens im gleichen breich). unten sind teilweise schatten teilweise nicht wirkt etwas merkwürdig.
Achte auf deine Rundungen, manche sind etwas pixelig was sehr unschön ist.
Soweit erstmal.
Gruß KY
P.S.: sag mal wie lange hast du für des design gebraucht?
erstmal schon gar net schlech. bin auf die umsetzung gespannt.
mir persönlich wäre des blau zu grell. mehr leuten kann mein display nicht mehr packen ;)aber das ist geschmacks sache.
der blau balken ist nicht so der hit (s. efchen).
wenn du schatten benutzt dann soltest du auch überall welche machen (zumindestens im gleichen breich). unten sind teilweise schatten teilweise nicht wirkt etwas merkwürdig.
Achte auf deine Rundungen, manche sind etwas pixelig was sehr unschön ist.
Soweit erstmal.
Gruß KY
P.S.: sag mal wie lange hast du für des design gebraucht?
iplay
Neues Mitglied
Bin ich in die "Div-Suppe" gefallen? 
Mich verunsichern die ganzen anderen Beiträge in dem Forum!:shock:
Bitte mal schauen!
Nicht auf den Inhalt achten. Da kommt irgendwann was sinnvolles rein.
_______________________________________________________________
Mein Quelltext:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MyStyle</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="navi.css" />
</head>
<body>
<h1 class="kopf"></h1>
<ul>
<li class="navibutton"><a href="home.php"><p class="nav">Home</p></a></li><li class="navibutton1"><a href="ueber_mich.php"><p class="nav1">Über mich</p></a></li><li class="navibutton2"><a href="barock.php"><p class="nav2">Barock</p></a></li><li class="navibutton3"><a href="architektur.php"><p class="nav3">Architektur</p></a></li><li class="navibutton4"><a href="mode.php"><p class="nav">Mode</p></a></li><li class="navibutton5"><a href="impressum.php" class="link"> <p class="nav4">Impressum</p></a></li></ul>
<div class="g">
<ul>
<li class="l"><a href="weisnicht.php" class="link"> <p class="navi">Dort hin</p></a></li><li class="l1"><a href="weisnicht1.php" class="link"> <p class="navi">Da hin</p></a></li><li class="l2"><a href="weisnicht2.php" class="link"> <p class="navi">Hier hin</p></a></li></ul>
<div class="b">
<p>hier kommt irgendwann die bildlaufleiste hin.</p>
</div>
<div class="r">
<h1 class="ue">Aktuelles</h1>
<p>Hier würdet ihr was aktuelles finden, wenn ich was reinschreiben würde.</p>
</div>
</div>
</body>
</html>
<!-- erste includierte Seite
<div class="h">
<h1 class="ue">Barock</h1>
<p>Das Wort "Barock" bezeichnet in erster Linie den repräsentativen, effektvollen und oft
theatralischen Stil, der in der Zeit der Gegenreformation im späten 16. Jahrhundert von Rom
ausgehend zunächst vor allem durch die katholische Kirche verbreitet wurde. Bald wurde dieser
Stil aber auch von den weltlichen Fürsten aufgegriffen, die nunmehr absolut, d. h. ohne
Kontrolle durch die Versammlungen des Adels und der Bürger, regierten.</p>
<p>Die prächtige Ausstattung von Schlössern und Herrensitzen diente ihnen und den Angehörigen
der höfischen Gesellschaft dazu, ihre Macht zur Schau zu stellen und dadurch zu festigen.</p>
<p>Noch zu sagen ist, dass Barock nicht nur Architektur, Bildhauerei und Malerei, sondern auch die
Musik und Literatur war. Aber darauf werde ich auf meiner Seite nicht eingehen.</p>
<p>Mich fasziniert in erster Linie am Barock die Architektur. Deshalb ist meine Seite auf diesem
Hauptthema aufgebaut. Mein Ziel für die Zukunft ist es ein Haus im Barockstil zu besitzen bzw. zu bauen.</p>
<p>Ich bin auf diesen Stil gekommen, da mich unter anderem dieses Haus (befindlich in Görlitz) inspiriert hat.
-Hier Bilder meines Traumhauses-</p>
<p>Des Weiteren haben meine Eltern mich früh schon zu Besichtigungen mitgenommen. Diese waren
hauptsächlich in Dresden. Dort unter anderem die Semperoper, der Zwinger, die Frauenkirch, usw. </p>
<p>Das hat mich schon frühzeitig geprägt und ich bin beeindruckt von dieser Baukunst.</p>
</div>
-->
_____________________________________________________________
CSS:
.obenlinks {
color:#fff69b;
padding:40px 0 0 0;
font-size:55px;
font-family:'Comic Sans MS';
}
.clearbreak {clear:both;}
.scroll {overflow:auto;
}
p {
font-family:'Arial Unicode MS';
color:#0d2e37;
font-size:12px;
margin-left:10px;
margin-right:10px;
}
p.navi {
font-family:'Arial Unicode MS';
color:#2da8c8;
font-size:12px;
margin-left:30px;
margin-top:-12px;
text-decoration:none;
font-weight:bold;
}
h1.ue { font-family:'Baskerville Old Face';
color:#25788e;
margin:10px 10px 0px 10px;
font-size:18px;
}
p.nav { color:#2da8c8;
margin-left:50px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}
p.nav1 { color:#2da8c8;
margin-left:27px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}
p.nav2 { color:#2da8c8;
margin-left:45px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}
p.nav3 { color:#2da8c8;
margin-left:25px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}
p.nav4 { color:#2da8c8;
margin-left:24px;
font-size:20px;
font-weight:bold;
margin-top:-13px;
text-decoration:none;
}
body { background-image: url(hintergrund.jpg);
width:976px;
height:720px;
background-repeat:no-repeat;
background-position:152px;
}
h1.kopf {background-image: url(head4.jpg);
width:957px;
height:115px;
margin-top:20px;
margin-left:152px;
}
li.navibutton {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:160px;
display:inline;
float:left;
background-color:#FFFF00;
text-decoration:none;
}
li.navibutton1 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;
display:inline;
float:left;
text-decoration:none;
}
li.navibutton2 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;
display:inline;
float:left;
text-decoration:none;
}
li.navibutton3 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;
display:inline;
float:left;
text-decoration:none;
}
li.navibutton4 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;
display:inline;
float:left;
text-decoration:none;
}
li.navibutton5 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:945px;
margin-top:-21.5px;
list-style-type:none;
text-decoration:none;
}
div.g {background-image: url(hintergrund1.jpg);
width:970px;
height:548px;
margin-left:145px;
}
li.l {background-image: url(button1.jpg);
width:258px;
height:32px;
margin-top:-4px;
margin-left:15px;
list-style-type:none;
}
li.l1 {background-image: url(button1.jpg);
width:258px;
height:32px;
margin-top:1px;
margin-left:15px;
list-style-type:none;
}
li.l2 {background-image: url(button1.jpg);
width:258px;
height:32px;
margin-top:1px;
margin-left:15px;
list-style-type:none;
}
div.b {background-image: url(bildlaufleiste.jpg);
width:676px;
height:106px;
margin-left:285px;
margin-top:-100px;
}
div.r {background-image: url(aktuell.jpg);
width:263px;
height:415px;
margin-left:15px;
}
div.h {background-image: url(hintergrund2.jpg);
width:675px;
height:411px;
margin-left:430px;
margin-top:-425px;
overflow:auto;
}
.link {text-decoration:none;
}
Mich verunsichern die ganzen anderen Beiträge in dem Forum!:shock:
Bitte mal schauen!
Nicht auf den Inhalt achten. Da kommt irgendwann was sinnvolles rein.
_______________________________________________________________
Mein Quelltext:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MyStyle</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="navi.css" />
</head>
<body>
<h1 class="kopf"></h1>
<ul>
<li class="navibutton"><a href="home.php"><p class="nav">Home</p></a></li><li class="navibutton1"><a href="ueber_mich.php"><p class="nav1">Über mich</p></a></li><li class="navibutton2"><a href="barock.php"><p class="nav2">Barock</p></a></li><li class="navibutton3"><a href="architektur.php"><p class="nav3">Architektur</p></a></li><li class="navibutton4"><a href="mode.php"><p class="nav">Mode</p></a></li><li class="navibutton5"><a href="impressum.php" class="link"> <p class="nav4">Impressum</p></a></li></ul>
<div class="g">
<ul>
<li class="l"><a href="weisnicht.php" class="link"> <p class="navi">Dort hin</p></a></li><li class="l1"><a href="weisnicht1.php" class="link"> <p class="navi">Da hin</p></a></li><li class="l2"><a href="weisnicht2.php" class="link"> <p class="navi">Hier hin</p></a></li></ul>
<div class="b">
<p>hier kommt irgendwann die bildlaufleiste hin.</p>
</div>
<div class="r">
<h1 class="ue">Aktuelles</h1>
<p>Hier würdet ihr was aktuelles finden, wenn ich was reinschreiben würde.</p>
</div>
</div>
</body>
</html>
<!-- erste includierte Seite
<div class="h">
<h1 class="ue">Barock</h1>
<p>Das Wort "Barock" bezeichnet in erster Linie den repräsentativen, effektvollen und oft
theatralischen Stil, der in der Zeit der Gegenreformation im späten 16. Jahrhundert von Rom
ausgehend zunächst vor allem durch die katholische Kirche verbreitet wurde. Bald wurde dieser
Stil aber auch von den weltlichen Fürsten aufgegriffen, die nunmehr absolut, d. h. ohne
Kontrolle durch die Versammlungen des Adels und der Bürger, regierten.</p>
<p>Die prächtige Ausstattung von Schlössern und Herrensitzen diente ihnen und den Angehörigen
der höfischen Gesellschaft dazu, ihre Macht zur Schau zu stellen und dadurch zu festigen.</p>
<p>Noch zu sagen ist, dass Barock nicht nur Architektur, Bildhauerei und Malerei, sondern auch die
Musik und Literatur war. Aber darauf werde ich auf meiner Seite nicht eingehen.</p>
<p>Mich fasziniert in erster Linie am Barock die Architektur. Deshalb ist meine Seite auf diesem
Hauptthema aufgebaut. Mein Ziel für die Zukunft ist es ein Haus im Barockstil zu besitzen bzw. zu bauen.</p>
<p>Ich bin auf diesen Stil gekommen, da mich unter anderem dieses Haus (befindlich in Görlitz) inspiriert hat.
-Hier Bilder meines Traumhauses-</p>
<p>Des Weiteren haben meine Eltern mich früh schon zu Besichtigungen mitgenommen. Diese waren
hauptsächlich in Dresden. Dort unter anderem die Semperoper, der Zwinger, die Frauenkirch, usw. </p>
<p>Das hat mich schon frühzeitig geprägt und ich bin beeindruckt von dieser Baukunst.</p>
</div>
-->
_____________________________________________________________
CSS:
.obenlinks {
color:#fff69b;
padding:40px 0 0 0;
font-size:55px;
font-family:'Comic Sans MS';
}
.clearbreak {clear:both;}
.scroll {overflow:auto;
}
p {
font-family:'Arial Unicode MS';
color:#0d2e37;
font-size:12px;
margin-left:10px;
margin-right:10px;
}
p.navi {
font-family:'Arial Unicode MS';
color:#2da8c8;
font-size:12px;
margin-left:30px;
margin-top:-12px;
text-decoration:none;
font-weight:bold;
}
h1.ue { font-family:'Baskerville Old Face';
color:#25788e;
margin:10px 10px 0px 10px;
font-size:18px;
}
p.nav { color:#2da8c8;
margin-left:50px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}
p.nav1 { color:#2da8c8;
margin-left:27px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}
p.nav2 { color:#2da8c8;
margin-left:45px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}
p.nav3 { color:#2da8c8;
margin-left:25px;
margin-top: 7px;
font-size:20px;
font-weight:bold;
text-decoration:none;
}
p.nav4 { color:#2da8c8;
margin-left:24px;
font-size:20px;
font-weight:bold;
margin-top:-13px;
text-decoration:none;
}
body { background-image: url(hintergrund.jpg);
width:976px;
height:720px;
background-repeat:no-repeat;
background-position:152px;
}
h1.kopf {background-image: url(head4.jpg);
width:957px;
height:115px;
margin-top:20px;
margin-left:152px;
}
li.navibutton {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:160px;
display:inline;
float:left;
background-color:#FFFF00;
text-decoration:none;
}
li.navibutton1 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;
display:inline;
float:left;
text-decoration:none;
}
li.navibutton2 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;
display:inline;
float:left;
text-decoration:none;
}
li.navibutton3 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;
display:inline;
float:left;
text-decoration:none;
}
li.navibutton4 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:3px;
display:inline;
float:left;
text-decoration:none;
}
li.navibutton5 {background-image: url(button.jpg);
width:154px;
height:47px;
margin-left:945px;
margin-top:-21.5px;
list-style-type:none;
text-decoration:none;
}
div.g {background-image: url(hintergrund1.jpg);
width:970px;
height:548px;
margin-left:145px;
}
li.l {background-image: url(button1.jpg);
width:258px;
height:32px;
margin-top:-4px;
margin-left:15px;
list-style-type:none;
}
li.l1 {background-image: url(button1.jpg);
width:258px;
height:32px;
margin-top:1px;
margin-left:15px;
list-style-type:none;
}
li.l2 {background-image: url(button1.jpg);
width:258px;
height:32px;
margin-top:1px;
margin-left:15px;
list-style-type:none;
}
div.b {background-image: url(bildlaufleiste.jpg);
width:676px;
height:106px;
margin-left:285px;
margin-top:-100px;
}
div.r {background-image: url(aktuell.jpg);
width:263px;
height:415px;
margin-left:15px;
}
div.h {background-image: url(hintergrund2.jpg);
width:675px;
height:411px;
margin-left:430px;
margin-top:-425px;
overflow:auto;
}
.link {text-decoration:none;
}
Anhänge
neuroleptika
Aktives Mitglied
Code:
<a href="home.php"><p class="nav">Home</p></a>
Code:
<h1 class="kopf"></h1>Der Struktur zu Liebe solltest du <h1> nur einmal verwenden.
- Status
