H1-Überschrift

Diese einfache Vorlage besteht aus nur 3 Dateien: index.html, style.css und bannerbg.jpg. Letztere steuert den Farbverlauf im Header. Die weiteren Farben werden allesamt über Angaben in der CSS-Datei formatiert. Daher ist die Ladezeit der Seite sehr kurz und der Quellcode schlank. Um die gewünschten HTML-Unterseiten zu erhalten speichern Sie einfach die index.html unter den gewünschten Namen ab. Anpassungen der Farben, Schriftarten und Größen nehmen Sie wiederum in der style.css-Datei vor.

H2-Überschrift

Wenn Sie neben ein wenig Text noch eine Grafik im Header unterbringen möchten, so ist dies möglich, da der Farbverlauf als Hintergrund definiert wurde, auf dem nicht nur wie in der Vorlage ein Text, sondern auch eine Grafik gelegt werden kann. In der Vorlage wurde daher links oben eine Beispielgrafik eingefügt, die als Platzhalter für Ihr eigenes Logo dienen soll. Diese kann selbstverständlich entfernt werden. Im Beispiel ist sie 180 Px breit und 130 Px hoch. Dies kann aber individuell angepasst werden. Sollte Ihre Grafik z.B. höher sein als die Vorlage, dann können Sie im Quellcode oben in der index.html bei der Angabe: id="banner" height="150", den Wert 150 nach Ihren Wünschen verändern.

H3-Überschrift

Wenn Sie mit der Mouse über die einzelnen Links in der rechten Navigation fahren, werden Sie feststellen, dass der Text, der normalerweise linksbündig angeordnet ist, nach rechts "springt". Dies ist von mir so gewünscht. Sollten Sie dies so nicht wollen, dann müssten Sie in der style.css-Datei im Unterpunkt ".menue li a:hover" den Wert von "text-align: right" auf "text-align: left" abändern.

Linktexte sehen sie folgt aus: Stet clita kasd gubergren.

H4-Überschrift

Eine kleine Besonderheit sollte noch erwähnt werden: die Linktexte und Überschriften wurden mit sogenannten "Kapitälchen" formatiert, das bedeutet, dass die Buchstaben immer in Großbuchstaben angezeigt werden. Wenn Sie dies verändern möchten, dann suchen Sie in der style.css-Datei bitte nach dem Eintrag "font-variant: small-caps" und löschen diese Zeile ersatzlos.

H5-Überschrift

Fülltext: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


Diese Vorlage ist Linkware

Das bedeutet, dass Sie diese Vorlage unter bestimmten Voraussetzungen kostenlos nutzen dürfen. Genau Informationen dazu finden Sie in den Nutzungsbedingungen. Mit Download dieser Vorlage akzeptieren Sie diese.

Website der Fa. Mustermann