Homepage-Vorlagen ( Templates ) zum Download

Webseiten 09 - 16  ( frei für privat, kostenpflichtig für kommerziell )

Bitte lesen Sie vor dem Download einer Homepagevorlage unbedingt unsere Nutzungsbedingungen.

Immer am Ende unserer letzten Seite finden Sie unsere News, also alle neuen Vorlagen in chronologischer Reihenfolge: Klicke hier bei Bedarf für NEWS

Wie dürfen diese Templates eingesetzt werden?

Diese Homepage-Vorlagen können für den privaten Gebrauch umsonst heruntergeladen, und angepasst werden. Das Anbieten der Templates auf anderen Webseiten, der Weiterverkauf sowie auch die Verwendung als direkter Download ist nicht gestattet. Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.

Eine kommerzielle Nutzung ist erlaubt. Die kommerzielle Nutzung ist jedoch nur gegen Bezahlung gestattet. Für kommerziell gilt: Die Preise finden sie immer direkt neben dem Vorschaubild - als letzte Zeile vom Beschreibungstext.

Auch wenn Sie die Vorlagen anpassen, bleibt das Copyright für das Design beim Autor der Vorlagen. Für Ihren eingefügten Inhalt, sei es Text, spezielle Grafiken o.a., haben Sie dann selbstverständlich Ihr Copyright.

Bitte lesen Sie in der Rubrik (c)Nutzung die vollständigen Nutzungs- bzw. Copyrightbedingungen.

 


HomeVorlagenHP-HilfenKontakt HilfeTechnik
(c) Nutzung Impressum BestellungWiderrufPreiseDatenschutz



 09 REFRESH YOURSELF 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ß!
Responsive Webdesign: Anpassung/Optimierung der extrem unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.

Technik

Responsive Webdesign. Mobile-First-Technik.

~~~  Schräggestellte Objekte (mit CSS-transform:rotate).
~~~  Transparenz (mit CSS-rgba).
~~~  Fixierter Background (auch bei mobilen Geräten). Seite scrollt also über den feststehenden Hintergrund.
~~~  Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
~~~  CSS Pattern (Gekachelter Hintergrund ohne Grafik).
~~~  Linearer Farbverlauf ohne Grafik (mit CSS-linear-gradient).
~~~  Radialer Farbverlauf ohne Grafik (CSS-radial-gradient).
~~~  CSS-Animationen: Schwingen (bei Mouseover auf den Fotos im Inhaltsbereich)
~~~  CSS-Animationen: Hoch-Schrauben (= Drehen + Slide-Top - bei Mouseover auf den Icons/Fotos)

Alles komplett ohne Javascript:
Also sowohl die responsive Konstruktion als auch alle CSS3-Effekte ohne Javascript!

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 10 Fun At The Beach Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Beschreibung

Besonderheiten

Es gibt anbei eine zweite Version (ohne das Foto oben rechts), so dass Sie ggflls. selber kreativ werden und Ihr Logo oder Foto dort einbauen können.

Technik

Feste grafische Konstruktion.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 11 Lilie Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

Beschreibung

Besonderheiten

Das Menü ist ein Pixel-Menü, d.h. Sie bestimmen die Breite der Buttons selbst . Alle Buttons sind gleich breit. Je weniger Pixel an Breite Sie also den Buttons geben, desto mehr Buttons sind möglich.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 12 Style & Emotions 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ß!
Responsive Webdesign: Anpassung/Optimierung der extrem unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.

Technik

Responsive Webdesign. Mobile-First-Technik.

Kennen Sie schon die Farbe "TEAL"?
In Verbindung mit Schwarz und Transparenz-Effekten hat es einen dezenten Schick.


~~~  Transparenz (mit CSS-rgba).
~~~  Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
~~~  Streifen-Hintergrund ohne Grafik (CSS-linear-gradient).
~~~  Fixierter Background (auch bei mobilen Geräten). Seite scrollt also über den Hintergrund.
~~~  CSS-Animationen: Schwingen, Hoch-Schrauben (= Drehen + Slide-Top - bei Mouseover auf den Fuss-Icons).
~~~   Auch ovale oder rechteckige Font-ICONS mit Rundung (mit CSS-border-radius + div-container).


Alles komplett ohne Javascript:
Also sowohl die responsive Konstruktion als auch alle CSS3-Effekte ohne Javascript!

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 13 Ferienhaus Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

Beschreibung

Besonderheiten

Übersicht/Anleitung für CSS3-Effekte anbei.
Halbkreis Menü. Jeder Kreis mit anderer Farbe. Rundung, Schatten- und Leuchteffekte beim Menü nur per CSS3 erstellt und damit ohne Grafikprogramm erstellt.

Technik

Flexibles Layout.
+ CSS3-Effekte (Textschatten, Boxschatten, Abrundung = Schattenwurf und Abrundungsgrad individuell und flexibel einstellbar, da ohne Grafiken realisiert)
++ CSS3 Animation-Rotation (Spinning Icon hier auf dem "Nachoben/Nachunten-Pfeil" - dreht bei Mausberührung und Nicht-Mausberührung in jeweils entgegengesetzter Richtung).
+++ CSS3 Schrägstellung Objekte (Winkelgrade einstellbar.)

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 14 My Sweetest Painter Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Beschreibung

Besonderheiten

Es ist eine speziell gestaltete Startseite mit anbei.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 15 Sailing Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

Beschreibung

Besonderheiten

Die Menü-Spalte schiebt sich in den Kopfbereich hinein. Das Foto, also ggflls. auch Ihres, legt sich automatisch hinter das Menü. Trotzdessen ist die Menü-Spalte mit ihrem Inhalt unabhängig vom Rest der Konstruktion, d.h. anpassbar z.B. in der Breite, Höhe und Inhalt.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 16 LA BELLA VITA 
Ganz Neu: 11.07.16

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ß!
Responsive Webdesign: Anpassung/Optimierung der extrem unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite.

Technik

Responsive Webdesign. Mobile-First-Technik.

~~~  Halbkreis-Menü, mit Transparenz (per CSS-rgba) : Durchgehend in allen Auflösungen.
~~~  Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
~~~  Font-Icon-Tausch beim Menü: (Bei Mausberührung wechselt das Font-Icon "fa-toggle-off" (\f204)
          mit dem Font-Icon "fa-toggle-on" (\f205)).
~~~  Aktueller Link: (Abweichend vom Ausgangs-Link: Zeigt spezielle Linkfarbe plus Font-Icon "fa-toggle-on" an).
~~~  Pseudoelement "::after" 1. Angewandt bei Menü-Font-Icons und Listen-Font-Icons.
~~~  CSS-Animation: Bildwechsler (Slideshow auch hinter dem Halbkreis-Menü ablaufend/durchscheinend)
~~~  CSS-Animation: Drehen - Unendlich (Kleines Sonnen-Icon dreht dezent, automatisch startend)
~~~  CSS-Animation: Slide-Top (Bei Mausberührung auf HP-Namen,1 x Durchlauf)
~~~  CSS-Animation: Drehen - 3 Rotationen (Bei Mausberührung auf Nach-Oben-Icon, 1 x Durchlauf)

          1= Die Pseudoelemente ::before und ::after erzeugen ein beliebig formatierbares Element, das innerhalb des
          angesprochenen Elements vor bzw. nach dem tatsächlich vorhandenen Inhalt eingefügt wird.

Alles komplett ohne Javascript:
Also sowohl die responsive Konstruktion sowie alle CSS3-Effekte ohne Javascript!

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