Homepage-Vorlagen ( Templates ) zum Download

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


HomeVorlagen(c) NutzungKontakt
ImpressumBestellungWiderrufDatenschutz




 129 Ferienhaus Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

Besonderheiten

Übersicht/Anleitung für CSS3-Effekte anbei.
2x Halbkreis-Menü untereinander. Rundung, Schatten- und Leuchteffekte beim Menü nur per CSS und damit ohne Grafikprogramm erstellt.
Grafische Icons.

Technik

Flexibles Layout.
+ CSS-Effekte (Textschatten, Boxschatten, Abrundung = Schattenwurf und Abrundungsgrad individuell und flexibel einstellbar, da ohne Grafiken realisiert)
++ 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.)

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 130 Dark Always Seems Noble Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

Besonderheiten

Registerreiter-Menü oben. Auf jeder Seite ein anderes Foto. 5 Beispielseiten dazu anbei. Horizontale 3D-Linie zwischen den Menüs auf der linken Seite.

Technik

Flexibles Layout.
+ 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 Grenzenlos. Without Frontiers Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download


Besonderheiten

Der Hintergrund besteht aus zwei Grafiken (Halbkreis + Vogel), welche übereinander liegen, somit mehr Möglichkeiten beim evt. Tausch Ihrer eigenen Grafik, wobei hier die ganze transparente Konstruktion inklusive Halbkreis über den feststehenden Vogel scrollt. Es ist sozusagen ein Flügelschlag-Effekt.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 132 MONO Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Besonderheiten

Mauszeiger wird verändert (Farbige Hand bei Mouseover sowie schwarzer Pfeil auf weisser Fläche und weißer Pfeil auf schwarzer Fläche.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 133 LITTE RED RIDING HOOD Bestellen Downloaden Anschauen

Homepage Vorlage , templates , Homepage-Vorlagen,  free download


[ Fotos zeigen Auflösungsansicht von SMARTPHONE und TABLET im Portraitmodus sowie DESKTOP-PC ]

Besonderheiten

So macht Surfen auch auf mobilen Geräten Spaß! (Dank Responsive Webdesign)
Responsive Webdesign = Anpassung/Optimierung der extrem unterschiedlichen Bildschirmgrößen (nur per CSS) von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.

Technik

Mobile-First-Technik.
Komplette Webseite ohne Javascript.
  • CSS-Schrägen (zu einer Spitze geformt).
  • CSS-Glossy Buttons im Hauptmenü (nur per CSS, ohne Grafik erstellt).
  • Mit Toggle-Menü. (Bei mobilen Geräten wird ein platzsparendes Menü aktiviert (Button An/Aus)
  • Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
  • Linearer Farbverlauf ohne Grafik (mit CSS-linear-gradient).
  • CSS Pattern (hier: Rote-Punkte-Hintergrund ohne Grafik).
  • Menü-Leiste (Name/Menü-Button) bei mobilen Auflösungen fest oben positioniert (scrollt nicht mit).
  • CSS-Animation:Homepagename dreht + langsame Farbänderung (bei Mouseover im oberen Bereich)
  • CSS-Animation: Langsame Änderung von Icon-Farbe und Icon-Hintergrund (bei Mouseover auf den Icons)
  • CSS-Animation: Schiebe-Effekt mit Textüberlagerung + Bild-Effekt 1 (bei Mouseover auf den Fotos)
1= 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 Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Besonderheiten

Es ist eine speziell gestaltete Startseite mit anbei.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 135 Neuschnee Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

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.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 136 ÜBER DEN DÄCHERN DER STADT Bestellen Downloaden Anschauen



Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download
Homepage Vorlage , templates , Homepage-Vorlagen,  free download







[ Fotos zeigen Auflösungsansicht von SMARTPHONE und TABLET im Portraitmodus sowie DESKTOP-PC ]

Besonderheiten

So macht Surfen auch auf mobilen Geräten Spaß! (Dank Responsive Webdesign)
Responsive Webdesign = Anpassung/Optimierung der extrem unterschiedlichen Bildschirmgrößen (nur per CSS) von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.

Technik

Mobile-First-Technik.
Komplette Webseite ohne Javascript.
  • CSS-Bildwechsler A - Tauscht Fotos und enthält zweiten Bildwechsler (B)1.
  • CSS-Bildwechsler B - Tauscht Fotos und ist zusätzlich animiert
  • Vogelschwarm-Animation ( gleichzeitig fliegend von li + re sowie horizontal und vertikal die Richtungen ändernd)
  • Multipler Background ( Schrägen/Transparenz/Bild alles in einer Anweisung)
  • Transparenz ( mit CSS-opacity)
  • Text-Schatten-Effekte (mit CSS-text-shadow)
  • Mit Toggle-Menü. ( Bei mobilen Geräten erscheint platzsparendes Menü (Menü-Button An/Aus)
  • Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
  • Pseudoelement ":first-line". Erste Zeile anders formatiert.
  • Pseudoelement ":after" und ":before". Angewandt bei Listen-Font-Icons.
  • Verschiedene ANIMATIONEN per CSS gestaltet.
1= 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,--