Homepagevorlage ( Template ) zum Download

Webseiten 73 - 80  ( frei für privat, kostenpflichtig für kommerziell )

Wie darf ein Template eingesetzt werden?

Bitte lesen Sie vor dem Download einer Homepagevorlage unbedingt unsere Nutzungsbedingungen Die Homepagevorlage kann für den privaten Gebrauch kostenlos heruntergeladen, angepasst und weiterverwendet werden. Das Anbieten des Template 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.



HomeVorlagen(c) NutzungKontakt
ImpressumBestellungWiderrufDatenschutz



 73 FERIENWOHNUNG HAUS SEEBLICK 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.
  • Geometrische Form ( Kleines Dreieck, als Pfeil fungierend ) auf Fotos gelegt1 und nur mit CSS erstellt .
  • Mit Toggle-Menü.2 ( Bei mobilen Geräten erscheint ein platzsparendes Menü ) - Menü-Button-Schalter: An/Aus.
  • Transparenz ( mit CSS-rgba ). Dieser Farbfilter3 macht möglich, das die Schrift auf jedem Foto gut lesbar ist.
  • Farbverläufe ohne Grafik - Linear und Kreisförmig ( mit CSS-linear-gradient und radial-gradient ) .
  • Font-Icons ( Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar ) .
  • Google-Webfonts ( Schrift 'Roboto' und 'Open Sans' bereits installiert ). Schriftschnitt:Light.
  • CSS-Animation: Smooth-Menü (Toggle-Menü gleitet sanft von OBEN nach UNTEN hinein)

1= Das kleine Dreieck: Es ist nach oben gerichtet wie eine Art Pfeil, dabei am Fuße der jeweiligen Fotos im Inhaltsbereich platziert, auch responsive angelegt und stellt deshalb insbeondere bei Smartphone Auflösungen (wenn alle Fotos wegen des geringen zur Verfügung stehendes Platzes untereinander angeordnet werden) sicher, das Bild und der jeweilige Bildtext leichter als zusammenhängend erkannt werden. | Der Clou: Bei höheren Auflösungen wird dieses Dreieck nicht mehr benötigt und abgeschaltet (display:none).

2= Toggle Menü: Eine Javascript-freie Lösung, welche auf mobilen Geräten ein Menü ermöglicht, welches sich per Schalter ein-und ausschalten läßt.

3= Transparenz/Farbfilter: Im Gegensatz zum etwas leichter zu handhabenen CSS-Befehl 'opacity', welcher auch eine Transparenz ermöglicht, wird beim CSS-Befehl 'rgba' die Schrift auf dem Objekt nicht auch gleichzeitig mit einer Transparenzstufe versehen. Beim 'rgba-Befehl' können Sie Farbe und Deckungsgrad einstellen. Je nach Foto ( falls Sie Ihres einfügen wollen ) oder Geschmack kommt man somit mit einer Schwarz-Transparenz (wie hier in diesem Template) oder einer Weiß-Transparenz bestens aus. Die Schrift, egal mit welcher Schriftfarbe hebt sich somit immer von den Farben des Fotos ab. Wer es noch individueller oder perfekter mag, wählt gar eine ganz andere Farbe.


    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 74
BIG CITY WALK
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.
  • Transparenz (mit CSS-Opacity).
  • Transparenz (mit CSS-rgba).
  • Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
  • Linearer Farbverlauf ohne Grafik: (mit CSS-linear-gradient).
  • Pseudoelement ":after" und ":before". Angewandt bei Menü-Font-Icons und Listen-Font-Icons.
  • CSS-Animation: Bildwechsler / Fotoschau (im Kopfbereich, startet automatisch)
  • CSS-Animation: Reverse Bildwechsler / Fotoschau läuft rückwärts1 herum ab)
  • CSS-Animation: Einblenden-Effekt + Textüberlagerung 2 (bei Mouseover auf den Fotos)
  • CSS-Animation: Gummiband-Effekt (bei Mouseover auf den runden Fotos)
  • CSS-Animation: Wählscheibe-Effekt 3 (bei Mouseover auf den Icons im Kopfbereich)
  • CSS-Animation: Beben-Effekt (bei Mouseover auf dem Homepage-Namen)
  • CSS-Animation: Slide-Left-Effekt + Farbänderung von Schrift und Font-Icon (bei Mouseover im Haupt-Menü)
  • CSS-Animation: Schwingen-Effekt + Farbänderung Hintergrundfarbe (bei Mouseover auf den Zitat-Feldern)
  • CSS-Animation: Slide-Right-Effekt + Farbänderung Font-Icon (bei Mouseover auf den Listen im Text)
  • CSS-Animation: Perspektivisches Wenden -startet automatisch- ( auf Foto im Text)
  • CSS-Animation: Drehen (bei Mousover auf Icons im Text)
  • CSS-Animation: Drehen + Verkleinern (bei Mousover auf Icons im Text)
  • CSS-Animation: Textrotation4 + diverse Effekte -startet automatisch- (auf Slogan am Textende)
  • Keine Lust auf Animationen? ( Anbei eine Lösch-Anleitung).
1= Reverse Bildwechsler: Wir lassen die Fotoschau auf jeder zweiten Seite rückwärts ablaufen.
Das macht es noch spannnender. Bei uns sind das die Links namens Primus, Tertius und Quintus.

2= Einblenden/Textüberlagerung: Es wird ein Textfeld über das Foto eingeblendet (für Infos zum Foto) sowie auch ein Lupen-Symbol (für eine grössere Foto-Ansicht bei Klick). Das Lupen-Icon ist auch animiert.
Bei "mouseout" (Verlassen des Bereiches mit der Maus) wird das Textfeld (mit Text und Font-Icon "Lupe") dann ausgeblendet und das Bild dafür wieder eingeblendet.

3= Wählscheibe: Viertel-Drehung nach rechts, dann Viertel-Drehung nach links bei schnellem Durchlauf /
Dauer: 0.7sek / Ablauf 2x bei Mausberührung

4= Textrotation: Auf jeder Seite gibt es eine andere Textrotation, gekoppelt mit einem zusätzlichen Effekt, wie Änderung von Schriftfarbe, Hintergrund, Schriftgrösse.
Ach ja: Auch ein "Heartbeat-Effekt" (Schlagendes Herz) ist dabei. Schauen Sie mal, ob Sie dies entdecken.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 75 Coffee & Lingerie Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

Besonderheiten

In dem News-Menü mit Kurztext und Datumsangabe (angedeutet als Kalenderblatt) könnten Sie immer die jeweils letzten drei Neuigkeiten -ggflls. auch mehr- darstellen und dann z.B. auf die eigentliche News-Seite per Anker verlinken.

Technik

Grafisch angelegtes Layout.

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

Besonderheiten

Mit Aufklapp-Menü.
Anpassarer Einstanz-Effekt auf Schrift und Psalm (Diese Lösung ist für alle Browser kompatibel)

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 77 MONO and STEREO Bestellen Downloaden Anschauen

Homepage Vorlage , templates , Homepage-Vorlagen,  free download


[ Fotos zeigen Auflösungsansicht von TABLET und SMARTPHONE 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.
  • Jede Unterseite erhält ein eigenes Foto, Beispiel anbei.
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 78 AQUA Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

Besonderheiten

Dieses Design ist im "Web 2.0 - Style"

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 79 Mon Coiffeur - Mein Friseur Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Besonderheiten

Fünf Seiten bereits verlinkt mit wechselnden Fotos, alles im Schwarz-Weiß-Stil. Halb-transparentes Hintergrund-Kachel-Design zieht sich durchs komplette Layout, trotzdem bleibt der Text gut lesbar.

Technik

Flexibles Layout.

+ CSS3-Effekte (Textschatten, Boxschatten, Abrundung = Schattenwurf und Abrundungsgrad individuell und flexibel einstellbar, da ohne Grafiken realisiert)

++ CSS3 Animation (mit einstellbarer Ablauf-Geschwindigkeit in Sekunden je Effekt)
1.) Spinning Icons hier bei den "Social Icons in der Fusszeile" - dreht bei Mausberührung und Nicht-Mausberührung in jeweils entgegengesetzter Richtung.
2.) Animierter Leuchtrahmen-Effekt auf der 9er-Feld-Bildgruppe, zu sehen auf der Startseite.
3.) Spiegel-Effekt. Im Hauptmenü wird jeder Link gespiegelt (Pfeil + Linktext komplett umgedreht) und schwebt sanft von links nach rechts und wieder zurück.

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

Besonderheiten

Schäfchen-Wolken im Juni, das ist doch was Feines, oder?

Technik

Flexibles Layout.

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