Some Navigation

More Navigation

Search

Blubb

Imagine some meta information here. :-)

Heading

Naja, hey. Ich bin's mal wieder, euer lustiger Mondschein. Und ich war mal wieder lustig, ein Webdesign zu machen. Zunächst zum Header: hier hab' ich einen Farbverlauf von schwarz nach dunkelgrau erzeugt und eine halb-transparente weiße Fläche drübergelegt. Die Schrift hat einen »Schein nach außen«, den's in Poposhop Photoshop gibt. Das Selbe auch beim Hover-Effekt in der Subnavigation. Als Font wurde in dem tollen Header Helvetica Neue UltraLight, im Subheader Myriad Pro benutzt...

Der Hintergrund der Subnavigation besteht aus zwei weißen Streifen, von denen der obere sogar einen leichten Verlauf hat. Der untere ist transparent, so scheint ein Stück des Gesamthintergrundes durch. Darunter ein Verlauf von schwarz nach transparent, was den Eindruck erzeugt, dass die weißen Streifen – kurz unterbrochen – durchscheinen. Dies erweckt die Impression von Räumlichkeit.

Links und rechts von den weißen Streifen befinden sich zwei kleinere Bereiche, die für variablen Einsatz praktikabel sind. So habe ich zum Beispiel für den linken Bereich vorgesehen, eine kleine Unternavigation zu gestalten (weil ja drei Navigationspunkte – Software, Webdesign und Nonsense – nicht sehr viel sind), rechts könnte ein Suchfeld und etwas Meta-Information Platz finden.

Naja, however... Bis bald, euer Xjs.
Hier kommt noch ein bisschen Javascript-Gemurkse hin: Ein Link! Noch einer! Und Nr. Drei (dessen Text ein bisschen verlängert wird)!

Eigentlich kann ich ja Javascript nicht ab. Aber manchmal ist es echt für was gut. (Ehm, was bitte? Ich hab sie wohl nicht mehr alle!) Man kann natürlich lustige Sachen damit machen, zum Beispiel sowas.
Hmm, probieren wir doch mal das hier?


Ach, wissta was, ich schreib noch ein bisschen was über das Design (wenn ich die Ameise getötet hab, die mir grade über den Fuß läuft...done. Hier testen wir doch mal die verschiedenen Überschriften.

Heading 1

Das war <h1>.

Heading 2

Das war <h2>.

Heading 3

Das war <h3>.