Dieses ausschliesslich auf CSS basierende Design ist ein Beispiel, wie aus ungewöhnlichen Formen eine besondere aber durchaus verwendbare Seite entstehen kann. Die Kreisförmige Hauptgrafik wird von der transparenten Textebene überlagert und läuft nach unten hin in zartem Orange des Hintergrunds aus.
Das aus dem gleichen Symbolbild erzeugte Menü bringt als Hover (MouseOver) Effekt ein kontrastreiches Gelb mit roter Schriftfarbe die sich auch am Anfang jedes Absatzes wiederfindet
Schmale Hintergrundlinien die sich nach unten in Orange auflösen, die genau auf der Textebene platzierte Pflanze und eine Themenbezogene Überschrift komplettiern dieses Template.
Ein zugegebenermassen nicht häufig einsetzbares Design das aus Testarbeiten hervorging, aber eindrücklich zeigt, was für Möglichkeiten CSS für die Webseitengestaltung bietet.
Von hier an bis zum Ende der Seite nur noch Fülltext: Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.“
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.“
Zurück zu http://css-webdesign.info