CSS/fertige Layouts/Template10

Aus SELFHTML-Wiki
< CSS‎ | fertige Layouts(Weitergeleitet von CSS/Templates/Template10)
Wechseln zu: Navigation, Suche

Achtung!

Die Layoutvorschläge werden derzeit überarbeitet. Deshalb sind die Links auf die zip-Dateien vorübergehend entfernt worden. Bei Interesse an den Layouts schreiben Sie bitte eine Mail an projekt@selfhtml.org. Wir werden Ihnen zeitnah die aktuellen Versionen zusenden.

Hinweis

Urheberrecht: Die Templates unterliegen abweichend von den Lizenzbedingungen ausdrücklich nicht der Lizenz CC-BY-SA 3.0 (de), sondern sie sind im Sinne der Lizenz CC0 1.0 (de) als public domain veröffentlicht. Sie dürfen diese Templates kopieren, verändern, veröffentlichen, sogar zu kommerziellen Zwecken, ohne um weitere Erlaubnis bitten zu müssen. SELFHTML verzichtet weltweit auf alle urheberrechtlichen und verwandten Schutzrechte, soweit dies gesetzlich möglich ist.


Eine grafisch abwechslungsreiche Seite, die mit einem strukturierten Hintergrund daherkommt. Der Kopf und die Navigation sind oben fix positioniert.

Besonderheiten beim Design[Bearbeiten]

Damit sich Logo und Navigation im fixen header bei sehr großen Monitoren nicht an den Rändern verkriechen, mussten hier leider noch eigentlich verpönte wrapper verwendet werden.

Anderseits wirkt das Design durch die vielen verschiedenen Elemente interessanter als eine rein weiße oder einfarbige Seite. Der gestreifte Hintergrund kommt ohne Grafik aus, sondern wird mittels eines sich wiederholenden Verlaufs (repeating-linear-gradient) dargestellt.

Auf der Startseite findet sich ein Bilder-Karussell, dass man entweder manuell anklicken oder mit wenigen Handgriffen automatisch rotieren lassen kann. Es ist ab einer Breite von 750px responsiv, schmalere Ansichten müssten noch eingestellt werden.