Grenzenlos
World without Frontiers
"Freiheit ohne Grenzen"

Home. Startseite.

Das Layout

Das Design

Transparenz und Luftigkeit wird durch den Vogel noch verstärkt, um so mehr, als das die Konstruktion hier über dem hinausstehenden Flügel liegt. Der Himmel ist für einen Vogel grenzenlos.

Das Hintergrund-Foto

Wenn Sie wollen können Sie die Hintergrund-Grafik tauschen. Das besondere hier ist: Der Hintergrund besteht aus zwei Grafiken, welche übereinander liegen, so daß Sie noch mehr Möglichkeiten haben. Zum Einen ist das die Vogel-Grafik (logo1.jpg) und zum Anderen die transparente Halbkreis-Grafik (back1.png). Wir haben hier für Sie eine zweite Version index2.html angelegt (ohne die Halbkreis-Grafik) klicken Sie und sehen Sie den Unterschied.

Außerdem haben wir anbei für Sie noch eine weitere, dritte Grafik namens "bonus_logo2.png", dies ist eine Grafik ohne den Vogel, damit Sie selbst Ihre Grafik dort einarbeiten können.


Die Technik

Layout scrollt über Hintergrund

Die Konstruktion scrollt hier über den feststehenden Hintergrund. Betätigen Sie die Scroll-Leiste des Browsers, dann sehen Sie was wir meinen. Wer diesen festgesetzten Hintergrund nicht mag, der löscht einfach in der Datei "format.css" bei "body" die Zeile "background-attachment:fixed."

Höhe Inhaltsbereich

Die Höhe des Inhaltsfeldes können Sie auch ändern, falls Sie etwas weniger Text haben. In der Datei "format.css" stellen Sie bei "#inhalt" einfach die Höhe (height) per Pixelwert anders ein. Aktuell finden Sie dort: height:1400px. Es geht hierbei ja nur um einen optischen Ausgangswert Ihrer Seite (sozusagen ein Durchschnittswert), Sie haben ja mal längere und mal kürzere Seiten, denn bei mehr Inhalt als dort eingestellt, verlängert sich das Inhaltsfeld ja sowieso automatisch.

Transparente Wellenform

Die transparente Halbkreis-Grafik, die sich über den Vogel schiebt, ist nicht wirktlich ein Halbkreis, sondern läuft nach unten hin in eine Art Welle oder Ying-Yang-Form aus. Das imitiert hier den Flügelschlag des Vogels.


Die Info

Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern. Nachfolgend noch ein Beispiel für eine Liste. Amore mio tempor terra est. Solche Listen lockern den Text auf und eignen sich natürlich wunderbar für Aufzählungen.

Liste mit eigenem Aufzählungszeichen, nicht verlinkt:
  • Sed
  • Condimentum
  • Bibendum
  • Semper

Der Name des Templates lautet: Grenzenlos. Jedes der beiden obigen Menüs ist um ca. 2-3 Links erweiterbar.

Anschrift

Firma
Mike Muster GmbH & Co. KG
Spezialstrasse 55
55234 Sampletown


World Wide Web

www.ihre-beispiel-webseite.de

Kontaktieren Sie uns

Tel: +49.108.1234577
Fax: +49.108.9876522 33
Mail: mike.muster@info.de


Lorem important

Important. Cras ligula sapien, consequat sed, scelerisque ut, pulel, sem. In vulputate gravida orci.