CSS/Templates/Template5

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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.


Webseite in modernem Orange mit responsivem Teaser

[Bearbeiten] Besonderheiten beim Design

Die Hintergrundfarben und Schatten sind direkt in der CSS-Datei eingebunden und können leicht geändert werden. Der orange Teaser verschiebt sich bei verkleinerndem Fenster, bis er bei weniger als 620 Px Bildschirmbreite unterhalb des Teaserbildes dargestellt wird.

Wenn man einen Blick auf die Beispiel-Unterseite wirft (einfach einen der Links in der Navigation klicken), erkennt man, dass das Design ohne den Teaser etwas karg wirkt. Vielleicht könnte man den Header und dort das Logo etwas auffälliger machen.

[Bearbeiten] Responsivität

Auf Anzeigegeräten mit einer geringeren Breite als 950px wird das Layout schmäler, bis es sich untereinander anordnet, damit nur nach unten gescrollt oder gewischt werden muss.

Das Dropdownmenü wandert bei weniger als 620 Pixeln Breite nach unten und kann dann über den dann sichtbar werdenden Navigations-Button "☰" (vorher: {display:none;}) direkt erreicht werden.

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML