Start Homepage
Information
Das Hintergrundbild wird per CSS in eine Farbe ausgeblendet und verschwindet beim Scrollen dann vollständig. Ausserdem soll die Schrift über dem Hintergrundbild gut lesbar sein. In diesem Template wird also ausgiebig mit den neuen CSS-background Eigenschaften gearbeitet.
Partikel Animation. Die animierten Formen sind über ein Jquery-Script eingebaut und würden sich gfls. auch über ihr Foto legen. Diese Script namens PARTICLES.JS ist vom Anbieter aus gut dokumentiert, es gibt es unzählige Möglichkeiten zur Einstellung, sei es Geschwindigkeit, Anzahl, Farbe, Form der Objekte (Kreise, Sterne, Quadrate, Polygone), Abschalten der Verbindungslinien, Verhalten bei Mausberührung und vieles mehr. Wir haben hier das Partikel-Script gleich zweimal unterschiedlich eingebaut. Vergleichen Sie es mal im Kopf-und Fussbereich. Im Kopfbereich sehen Sie Polygone ohne Verbindungslinien zwischen den Objekten. Im Fussbereich dagegen sind es Kreise mit Verbindungslinien.
Gestatten Sie uns noch einen Hinweis zum Particles-Script: Es ist standardmässig so aufgebaut, das sich die Objekte über ein einzelnes in Breite und Höhe bildschirmfüllendes Hintergrundbild animieren und darstellen lassen, den Einbau wie hier gar in eine komplette Webseite haben wir für Sie einmal in Eigenregie getätigt, so galt es diesbezüglich mit relativer und absoluter Positionierung zu arbeiten um den Effekt auf eine übergeordnete zweite Ebene zu platzieren und darunter die Webseite durchscheinen zu lassen. Es sei darüber hinaus noch anzumerken, das auch der Einbau von gleich zwei unterschiedlichen Particles-Scripten innerhalb einer Webseite nicht Bestandteil der Original-Anleitung ist. Fazit: So hoffen wir, Ihnen hiermit eine tolle individuelle Animation mit Mehrwert zum ohnehin schon Top-Original zu bieten.
Liste speziell, verlinkt
Mit Font-Icon, vorangestellt. Fahren Sie mit der Maus über den Link.Navigation, Menü-Button und Gallerie
Es gibt bei allen Auflösungen den Menü-Button ganz oben rechts. Dieser ist fest positioniert und ist immer im sichtbaren Bereich des Fensters. Falls Sie dieses nicht möchten, erklären wir Ihnen hier, wie sie den Button absolut positionieren. Eine Foto-Gallerie finden Sie auf auf Quartus und Quintus. Bei Klick auf einem Bild der Foto-Gallerie lassen sich dann sämtliche Fotos innerhalb dieser Kategorie per Klick auf Linkspfeil oder Rechtspfeil durchsehen. Es gibt dabei auch einen Bildtitel sowie eine Bildanzeige (Bild X von X). Die Seiten 'Home' (diese Seite) bis Sextus, sind bereits als Beispiel verlinkt. Bitte klicken Sie diese, um zusätzliche Infos zu erfahren und zu sehen wie die Unterseiten angelegt sind.Responsive Webdesign
CSS Media Queries
Responsive Webdesign (RWD) ermöglicht eine Anpassung bzw. Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.