responsive , homepage vorlagen, homepagevorlagen ( templates )

129

Ferienhaus

Homepage Vorlage , templates , Homepage-Vorlagen, free download

Technik

Flexibles Layout, d.h. die Breite ist in Prozent oder Pixel einstellbar.

Besonderheiten

2x Halbkreis-Menü untereinander.
Übersicht/Anleitung für CSS3-Effekte anbei
Grafische Icons.
CSS Animation-Rotation (Spinning Icon hier auf dem "Nachoben/Nachunten-Pfeil" - dreht bei Mausberührung und Nicht-Mausberührung in jeweils entgegengesetzter Richtung).
CSS Schrägstellung Objekte (Winkelgrade einstellbar.)
CSS-Effekte (Textschatten, Boxschatten, Abrundung = Schattenwurf und Abrundungsgrad individuell und flexibel einstellbar, da ohne Grafiken realisiert)

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

130

Dark Always Seems Noble

Technik

Flexibles Layout, d.h. die Breite ist in Prozent oder Pixel einstellbar.

Besonderheiten

Registerreiter-Menü oben.
Auf jeder Seite ein anderes Foto im Logo-Bereich.
Horizontale 3D-Linie zwischen den Menüs auf der linken Seite.
CSS3-Effekte (Textschatten, Boxschatten, Abrundung = Schattenwurf und Abrundungsgrad individuell und flexibel einstellbar, da ohne Grafiken realisiert)

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

131

DRIVE MY CAR

Technik

Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
Mobile-First-Technik.
Google-Webfonts: Schrift 'Open Sans Condensed' und 'Poiret One'.
CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht um das Menü auf mobilen Geräten zunächst zu verstecken.
CSS-Menü-Animation: Hineingleiten des Menüs.

Besonderheiten

Schrägen ohne Grafik: (mit CSS-linear-gradient).
Animation FAHREN, kleines Auto fährt
Animation SCALE, vergrössern
Animation SLIDE-RIGHT + FARBÄNDERUNG ICON
Animation GUMMIBAND
Animation EINBLENDEN + TEXTÜBERLAGERUNG
Animation PERSPEKTIVISCHES WENDEN auf Y-Ebene |startet automatisch
Animation PERSPEKTIVISCHES WENDEN auf X-Ebene |startet automatisch
Animation DREHEN
Animation DREHEN + VERKLEINERN
Animation WAEHLSCHEIBE

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,--

132

MONO

Technik

Flexibles Layout, d.h. die Breite ist in Prozent oder Pixel einstellbar.

Besonderheiten

Schwarz-Weiß-Design

Mauszeiger wird verändert (Farbige Hand bei Mouseover sowie schwarzer Pfeil auf weisser Fläche und weißer Pfeil auf schwarzer Fläche.
Schrift im Schreibmaschinen-Stil (Standard-Font:Monospace)

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

133

LITTE RED RIDING HOOD

Technik

Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
Mobile-First-Technik.
Icon-Font: Font Awesome.
CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht um das Menü auf mobilen Geräten zunächst zu verstecken.

Besonderheiten

CSS-Schrägen (zu einer Spitze geformt).
CSS-Glossy Buttons im Hauptmenü.
CSS-Animation:Homepagename dreht + Farbänderung (bei Mouseover im oberen Bereich)
CSS-Animation: Änderung von Icon-Farbe und Icon-Hintergrund (bei Mouseover auf den Icons)
CSS-Animation: Schiebe-Effekt mit Textüberlagerung + Bild-Effekt ¹ (bei Mouseover auf den Fotos)

¹= ZOOM-IN-Effekt, FLIPP-Effekt, SLIDE-OUT-RIGHT-Effekt, VERZERR-Effekt, ZOOM-OUT-Effekt

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,--

134

My Sweetest Painter

Technik

Flexibles Layout, d.h. die Breite ist in Prozent oder Pixel einstellbar.

Besonderheiten

Es ist eine speziell gestaltete Startseite mit anbei.
Seite scrollte über feststehenden Hintergrund

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

135

Neuschnee

Technik

Flexibles Layout, d.h. die Breite ist in Prozent oder Pixel einstellbar.

Besonderheiten

Die Menüs legen sich um das (gfls. auch ihr) Foto herum, sowohl horizontal als auch vertikal.
Beide Menüs erhalten einen separaten Mouseover-Effekt.
Auch Tipps zum Anpassen der Vorlage anbei.

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--

136

ÜBER DEN DÄCHERN DER STADT

Technik

Responsive Webdesign: Anpassung/Optimierung der unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC.
Mobile-First-Technik.
Icon-Font: Font Awesome.
Google-Webfonts: Schrift 'Open Sans Condensed'.
CSS-Only-Menü mit Toggle-Schalter. Eine Javascript-freie Lösung, welche eine Funktion per Schalter (an/aus) ermöglicht um das Menü auf mobilen Geräten zunächst zu verstecken.
CSS-Menü-Animation: Hineingleiten des Menüs.

Besonderheiten

CSS-Bildwechsler A - Tauscht Fotos und enthält zweiten Bildwechsler (B)¹.
CSS-Bildwechsler B - Tauscht Fotos und ist zusätzlich animiert
Vogelschwarm-Animation ( gleichzeitig fliegend von li + re sowie horizontal und vertikal die Richtungen ändernd)
Diverse CSS-Animationen.

¹= Die Bildwechsler: Oben im Kopfbereich gibt es einen Bildwechsler 'A'. Darin befindet sich ein weiterer Bildwechsler 'B' (mit den 4 kleinen Kreisen als Anzeiger für die Anzahl der zu wechselnden Fotos), welcher die gleichen Bilder wechselt, aber zusätzlich noch animiert ist und jeweils einen Bildausschnitt zeigt, der in Bildwechsler 'A' nicht zu sehen ist. Hinweis: Für beide Bildwechsler lassen sich auch unterschiedliche Fotos hinterlegen, so das Sie dann 8 verschiedene Fotos sehen können.

Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,--

Homepage-Vorlagen ( Templates ) zum Download

Webseiten 129 - 136 ( frei für privat, kostenpflichtig für kommerziell )

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten

Technik

Besonderheiten