the para testlab

[Para]

Huhu,

ich hab endlich Mal ein Design so halbwegs fertig bekommen.^^ muss nur noch den banner etwas verschönern. mit dem design der Navi bin ich eigentlich zufrieden, nur wiegesagt, der banner... (;

Habt ihr ein paar Verbesserungsvorschläge, was das Design angehtT?

hier der link: http://parabrain.pa.funpic.de/

Danke. ^^ (dürft auch gerne meckern oder so ; )

[e-phy]

Hoi,

also ein Testlabor soll es werden. Mhh.. kann die herbstlichen Blätter da rein gar nicht mit in Verbindung setzen. Soll es einen Sinn ergeben?

Zum Design: Es spricht mich nicht wirklich an. Mag sein, dass ich schon etwas älter bin und mittlerweile auf andere Designvarianten stehe. Ich bevorzuge eher ein helles Grau bzw. dann generell einen weißen Hintergrund. Leichte Farbverläufe sind auch mein Favorit - Siehe Avatar

Beim Coding ist eigentlich nur die Navigation anzusprechen. Du solltest da besser auf eine Liste zurückgreifen. Die lässt sich wesentlich einfacher via CSS gestalten. Und du hast deutlich bessere Möglichkeiten.

Ich habe mir jetzt die CSS-Datei nicht näher angeschaut, kann aber sagen, dass du von den festen Höhen ablassen solltest. Wenn du dir mal die Seite mit vergrößerter Schrift ansiehst, dann siehst du, dass du nichts mehr siehst.
Das ist zwar schon ein Punkt den die Profis beachten sollte(!), aber doch meist noch vernachlässigt werden. Aber gerade wenn die Seite in vielen Browsern ähnlich aussehen soll, dann muss so was berücksichtigt werden, da es unterschiedliche Darstellungsweisen von Schriftgrößen gibt. (Thema 72 und 92ppi für denjenigen den das interessiert).

Joa ansonsten würde ich mir für ein Testlabor, oder eine Spielwiese vielleicht bei Google Anregungen holen. Im Prinzip ist Google ja auch nur Versuchswiese mit verdammt vielen Angestellen und rentablen Angeboten.

In diesem Sinne viel Spaß weiterhin

[Para]

KK
Vielen dank für die schnelle RÜckmeldung!!
Das "testlab" bezieht sich eigentlich mehr so auf neue techniken, die ich ausprobiere. so zum beispiel das ersetzen des JavaScript-Event-Handlers durch im skript definierte befehle und sowas, was ich mir in letzter zeit angeeignet habe. ich möchte auf der site meine ergebnisse präsentieren und mir Feedback holen um irgendwann gut zu werden. ^^

aber nochmal danke für deinen kommentar, muss immer noch sehen, was ich mit dem Banner mache. ^^

€dit: PS: die blätter hab ich nur zum spaß reingemacht, weil sie schön aussahen. XD

€dit 2:

Hab die Navi jetzt mal mit 'ner Liste gemacht. MEintest du das so in der Art?

Code:

<ul class="navlinks">
<li><a href="#"><span>Hauptlink</span></a></li>
<ul>
<li><a href="#"><span>Unterlink</span></a></li>
<li><a href="#"><span>Unterlink</span></a></li>
<li><a href="#"><span>Unterlink</span></a></li>
<li><a href="#"><span>Unterlink</span></a></li>
<li><a href="#"><span>Unterlink</span></a></li>
</ul>
</ul>

Dazu die CSS-Codes:

Code:

ul.navlinks,
ul.navlinks ul {
   list-style: none;
   margin: 0;
   padding: 0;
   min-width: 150px;
}

ul.navlinks li {
   background-image: url(../images/toplink1.png);
   min-height: 20px;
}

ul.navlinks li:hover {
   background-image: url(../images/toplink2.png);
}

ul.navlinks a {
   color: rgb(0,0,0);
   display: block;
   font-family: Tahoma;
}

ul.navlinks a span {
   display: block;
   padding-left: 5px;
   padding-top: 1px;
}

ul.navlinks ul li {
   background-image: url(../images/sublink1.png);
   display: block;
   min-height: 15px;
}

ul.navlinks ul li:hover {
   background-image: url(../images/sublink2.png);
}

ul.navlinks ul li a {
   color: rgb(0,0,0);
   display: block;
   font-size: 11px;
   font-weight: normal;
}

ul.navlinks ul li a span {
   display: block;
   padding-left: 5px;
   padding-top: 1px;
}

€dit 3: ^^ achja, habs mal aktualisiert und die Farben ein bischen verändert: http://parabrain.pa.funpic.de/ *g*