Private Seite

[DerMitSkill]

Hallo,
sooo hab mir das heute mal kreiert -> entfernt

Was sagt ihr dazu?
Vorschläge?

Soll meine private Seite werden...

Schonmal Danke ;)

 

[ingoS]

Ich muss zugeben, ich habe noch eine Weile darauf gewartet, dass alles geladen wird, als die Seite schon fertig aufgebaut war.

Neben dem Schriftzug "....." muss unbedingt noch irgendetwas hin, das den leeren Platz zwischen Text und oberem Rand ausfüllt. Eigentlich ist es die klassische Position für einen Header; das solltest du wirklich in Erwägung ziehen, auch wenn links schon ein "Aufmacher" ist. Vielleicht etwas, das von Seite zu Seite wechselt, möglichst etwas, das die Seite ein wenig auflockert.

Wenn du das noch einbaust, finde ich die Seite sehr gelungen, aber ich bezweifle ehrlich gesagt, dass selbst der beste Header in der Lage ist, die drei verschiedenen Schriftarten, die jetzt schon auf der Seite sind, irgendwie vernünftig zu verbinden. Ich schlage vor, Navigation und Inhalt in der gleichen Schrift zu halten.

 

[Maxi]

- Der Schatten in er Grafik ist doch irgendwie falsch rum.
Normal spiegelt es sich ja von Schriftfarbe in Hintergrundfarbe, nicht umgekehrt.

- Die Schriftart im Content-Bereich ist auch nicht so mein Fall. Zudem ist die Schrift zu klein und auch zu grell.

 

[DerMitSkill]

So jetzt sind nur noch zwei Schriftarten (Text und Logo), die Spiegelung hab ich umgedreht und den Text hab ich etwas dunkler gemacht, so bisschen ins grau rein ;) Ich hab über meine Dummheit gelacht xD

Ich hab mir auch schon gedacht da oben noch einen Header hin zu machen, da muss ich mir echt noch was überlegen ;)

Wie siehst mit dem Code aus? Sauber? Kann man vielleicht was verbessern/kürzen?

Danke!

 

[Maxi]

Fang doch mit dem Text für den Inhaltsbereich schon weiter oben an.

 

[ingoS]

Fang doch mit dem Text für den Inhaltsbereich schon weiter oben an.

Och nö, dann ist die Seite doch nun wirklich viel zu schlicht.

Zum Code: Du kannst das hier:

    <div id="navigation">
        <ul>
            ...
        </ul>
    </div>

auf das hier kürzen:

        <ul id="navigation">
            ...
        </ul>

<div id="logo"> sollte besser <h1> sein.

Die Absätze im Inhalts-div kommen hoffentlich noch... ;)

 

[DerMitSkill]

Absätze kommen noch, keine Angst ;)

Warum sollte es in <h1> stehen? Welchen Vorteil bzw. Sinn?

 

[Maxi]

Weil es eine Überschrift ist.
Und die gehört nun mal in den h1-Tag.

 

[DerMitSkill]

Es ist aber doch nur eine Grafik?

 

[Maxi]

Soll aber trotzdem die Überschrift sein, also muss auch noch ein sinnvoller alt-Tag her ;-)

Ist auch für SuMa's wichtig.

 

[ingoS]

Soll aber trotzdem die Überschrift sein, also muss auch noch ein sinnvoller alt-Tag her ;-)

Was ist an dem aktuellen alt-Tag nicht sinnvoll?

 

[DerMitSkill]

Das hab ich mich auch gefragt xD

 

[Maxi]

DEINER ist schon ok, war nur ALLGEMEIN gemeint, dass der nicht fehlen darf ;-)

 

[DerMitSkill]

Ich hab das Design jetzt noch bisschen geändert...

- Schriftgröße mit px anstatt mit pt definiert
- Logo mittels background-image definiert (vorher <img>-Tag)
- Navigation-Buttons vergrößert
vorher -> padding:7px 0 7px 5px;
jetzt -> padding:10px;
- Copyright hinzugefügt*
- Seitenüberschrift hinzugefügt (Hier: Herzlich Willkommen!)
- Lightbox mit Testlink (am Inhaltsende) eingebaut

* Ich würde gerne das Copyright mit einem bestimmten Abstand von unten haben, anstatt das es so in der mitte rummhängt, wie geht das? (Es soll auch bei verschiedenen Auflösungen immer den selben Abstand von unten haben)

Gerne noch mehr Meinungen von euch!

 

[Tobias]

Sag mal woher hast du das Design ?
Ich hatte mal vor kurzem so ein ähnliches Design gemacht. (Wo der coole Smiley war. Kann sich jemand errinnern?)
War vom Aufbau und Code gleich. ^^

 

[Maxi]

Sag mal woher hast du das Design ?
Ich hatte mal vor kurzem so ein ähnliches Design gemacht. (Wo der coole Smiley war. Kann sich jemand errinnern?)
War vom Aufbau und Code gleich. ^^

Stimmt, jetzt wo dus sagst - hattest du nicht sogar die gleichen farben und Menüeffekte?

 

[DerMitSkill]

Ich hab so ein ähnliches Design bei Free CSS templates - Download Free CSS Templates oder Download free CSS templates - Free CSS Templates gesehen, hat mir gefallen und hab dann aus den Gedanken mir nachgebaut ;)

Nachtrag: Das da wars: Template Preview (business) - Download Free CSS Templates
Meins find ich aber schöner xD

Grafiken & Code (da wurden ja auch frames benutzt oO) by me ;)

 

[BcF]

Template Preview (business) - Download Free CSS Templates

Wobei das deinem, Tobias, sogar noch ähnlicher ist als seinem. Die gleiche kleine, dunkle Schrift, die pinken Überschriften... :roll:

Grafiken & Code (da wurden ja auch frames benutzt oO) by me

Nein, die Frames gehören zu dem Vorschaufenster. Im Design selbst sind keine ;)

 

[DerMitSkill]

Wobei das deinem, Tobias, sogar noch ähnlicher ist als seinem. Die gleiche kleine, dunkle Schrift, die pinken Überschriften...

Naja ich kenn seins nicht, aber: lol

Nein, die Frames gehören zu dem Vorschaufenster. Im Design selbst sind keine ;)

Achso, sorry :(

 

[Maxi]

Wobei das deinem, Tobias, sogar noch ähnlicher ist als seinem. Die gleiche kleine, dunkle Schrift, die pinken Überschriften... :roll:

waren die bei ihm nicht hellblau?
Kann die Seite leider nicht mehr finden zum vergleichen...