HomeVorlagen(c) NutzungKontakt
ImpressumBestellungWiderrufDatenschutz



Homepage Vorlagen ( Templates )

Alle Homepage Vorlagen kostenlos für Privat, kostenpflichtig für Kommerziell


+ + + Schnell-Start.     


Sie möchten sofort einen Überblick und wollen und nachfolgende wichtige Informationen später lesen:

  Anleitung: Klicken Sie im Menü auf einen der 17 blauen Zahlen-Kreise. Jeder Kreis enthält 8 Vorlagen. Es sind also insgesamt 136 Templates.

  Oder klicken Sie die HOMEPAGEVORLAGEN der Reihe nach durch | Wir starten direkt mit HP 01 (Design: The Art Of Light).

  Im News-Bereich (Neu) finden Sie unsere letzten 15 neuen Vorlagen.



+ + + Einige Templates-Beispiele.     


Nachfolgend sehen Sie einige Vorlagen im Schnelldurchlauf als Slideshow.

  Die Slideshow können Sie auch langsam manuell durchschalten. Einfach die Pfeile klicken.

  Ein Klick auf die Nummer unten rechts führt direkt zur jeweiligen Vorlage.








+ + + Ganz Frisch! Unser neustes Template.     


+ + GANZ NEU + + In Arbeit + + HP 119 erscheint: Anfang März
  HP 119| Psychology Of Love Veröffentlicht Ende Februar / Anfang März




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







+ + + Tipp: Meditation - Lila / Purple als spirituelle Farbe.     


  HP 45| Wellness Relaxation

Meditative Farbe:
Violett / Lila hat als spirituelle Farbe eine stark meditative Wirkung und steht als Verbindungsfarbe zwischen zwischen Bewusstem und Unbewusstem sowie für Spiritualität oder Mystisches. Auch das Christentum setzt diese Farbe gerne ein, stehend für Buße, Einkehr, Umkehr, Fastenzeit.




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







+ + + Tipp: Flat-Design als 3D-Konstruktion? Almost Flat Is The New Trend.    


  HP 55 | Sofa Social Media





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







3D - Konstruktion
mit
CSS-Trapez-Form
+ + + Tipp: Responsive Jquery-Foto-Slider mit vielen Funktionen.    


  HP 44| Bed And Breakfast

Responsive Template. Inklusive responsive Slider (Bildwechsler) mit automatischer sowie alternativer manueller Steuerung per Pfeile und Thumbnails: Die animierte Slideshow startet also automatisch, läßt sich aber auch manuell über die Pfeile steuern sowie auch per Klick bzw. Touch auf die Thumbnails, also die kleinen Vorschau-Bilder.




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







+ + + Tipp: Aufklapp-Menü. Responsive. CSS-Only. No Javascript.    


  HP 52 | TECHNICAL SOLUTIONS

Mit 'Responsive-Aufklapp-Menü' [ Cooles Menü, denn ein Aufklapp-Menü, welches gleichzeitig folgende Bedingungen erfüllt, nämlich erstens responsive ist und zweitens nur mit CSS und ohne Javascript funktioniert sowie drittens die Aufklapp-Funktion für mobile Geräte (denn diese kennen keine Mausberührung / Hover wie beim Desktop-Pc sondern nur Touch) ermöglicht, ist schon etwas besonderes. ]





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







Aufklapp-Menü
bestehend aus:
+ CSS-ONLY
+ RESPONSIVE
+ TOUCH-FRIENDLY
+ KEIN JAVASCRIPT


+ + + Tipp: Special-Template für Responsive Anfänger.    


  HP 22 | RESPONSIVE BEGINNERS

Template für Responsive Anfänger.Der Quellcode ist damit kurz und knapp, übersichtlich und leichter.
Reduzierung auf das Wesentliche:
Es gibt in dieser Vorlage keine Font-Icons, keine Animationen, keine Google Webfonts, kein Grid-System für die Anordnung von Spalten oder horizontalen Bildreihen. Es wurde außerdem verzichtet auf ein Toggle-Menü und ein Aufklapp-Menü. Weggelassen haben wir auch Transparenzen per CSS oder per PNG-Grafiken sowie auch Farbverläufe per CSS. Auch nicht zum Einsatz kamen hier unterschiedlich formatierte Abschnitte im Inhaltsbereich. Schatten-Effekte auf Boxen oder Texte per CSS wurden hier ebenfalls nicht angewendet. Auch nicht dabei ist die Lightbox Fotogallerie. Somit mag die Konzentrierung auf die Responsive-Technik sehr viel angenehmer und hoffentlich leichter zu verstehen sein.





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







Template für
RESPONSIVE ANFÄNGER + Reduzierter Code


+ + + Kleine Anleitung: So funktioniert es mit den Vorlagen.     



Anleitung - So funktioniert es




+ + + Allgemeine Information.    


Mühsam eigene Homepages erstellen oder lieber kostenlose Homepagevorlagen nutzen, um sich viel Arbeit zu ersparen? Hier gibt es gratis die Vorlagen dafür. Auf dieser Homepage finden Sie zahlreiche Homepage Vorlagen kostenlos zum Ansehen in Originalgrösse und Download. Übrigens werden diese Homepagevorlagen auch templates genannt. Inbesondere haben wir viele Responsive Vorlagen mit dabei. Responsive heißt: Es erfolgt eine Anpassung an unterschiedliche Bildschirmgrößen, wie Smartphone, Tablet, Netbook, Laptop und PC ( Desktop ).

Unsere Vorlagen sind reine HTML und CSS Templates, Sie benötigen also kein zusätzliches Framework, wie z.B. Joomla, Bootstrap oder Wordpress o.ä. zum Anpassen. Sie müssen die Vorlage als nicht in ein bestimmtes System integrieren. Denn die Basis aller Webseiten ist ja HTML und CSS und funktioniert deshalb auch natürlich ganz alleine.

Zum Bearbeiten braucht es wenig, denn es ist nur ein 'HTML-Editor' nötig sowie ein 'FTP-Programm' zum Hochladen der Seite ins Netz. Mehr nicht. Hierzu gibt es viele kostenlose Editoren/Programme.

Für die Responsive Templates, also solche die sich auch an mobile Geräte wie Smartphone und Tablets anpassen, gilt: Diese können allgemein (das gilt für alle Anbieter, also nicht nur für unsere Vorlagen) sehr schwer mit einem Drag-and Drop Html Editor, auch bezeichnet als WYSIWYG-Editor, bearbeitet werden. Nehmen Sie besser einen textorientierten HTML-Editor wie die kostenlosen Editoren PHASE5 oder BRACKETS oder andere. Das bedeutet dann konsequenterweise, daß Sie zumindest leichte Kenntnisse in HTML und CSS haben müssen.

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

[ Private Nutzung ]

Es ist alles privat, was nicht dem Zwecke des Geld-Verdienens gilt.

Zum Beispiel sind öffentliche Schulen und freiwillige Feuerwehren kostenlos. Oder wenn Sie auf Ihrer Webseite den Vermerk so oder ähnlich drin haben: "Alle Angebote auf unserer Webseite sind kostenlos" und dieses auch einhalten, so ist das natürlich wie gedacht und ein weiteres Argument für eine kostenlose Nutzung der Vorlagen.

Oder anderes Beispiel: Machen Sie Umsatz durch die Vermittlung einer Katzen- oder Hundzucht, so generieren sie hier ja auch Geld und es ist nicht mehr als privat zu werten.

Ein privater Gebrauch schliesst natürlich auch Einnahmen durch Klick-Werbung, z.B. Google-Add-Werbung oder Amazon-Klick-Werbung aus. Denn somit würde man ja Geld verdienen, egal was dann am Ende bei solchen Klick-Generierungs-Programmen letztendlich für Sie dabei herumkommt, wir können es ja leider nicht prüfen und müssen von einer höheren Summe ausgehen. Insofern würde es als kostenpflichtig gelten

Alle Vereine mit dem Zusatz "e.V"., also alle eingetragene Vereine sind ebenso als kostenpflichtig zu werten (denn die Grenze zwischen nicht-gewinnorientiert und überschüssigen Geldern der Vereine läßt sich von uns kaum prüfen, wir denken, Sie verstehen das.

Das sind natürlich nur Beispiele für die allgemeinen Richtlinien, um alles ein wenig leichter zu vermitteln, Details lesen Sie bitte vor dem Download einer Homepagevorlage deshalb unbedingt hier bei unseren Nutzungsbedingungen.

[ Kommerzielle Nutzung ]

Eine kommerzielle Nutzung ist erlaubt. Die kommerzielle Nutzung ist jedoch nur gegen Bezahlung gestattet. 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.



+ + + Responsive Webdesign.    

Wir haben viele Responsive Vorlagen mit an Bord. Worum geht es?

Nun, so macht Surfen auch auf mobilen Geräten Spass. Responsive Webdesign (RWD), erklärend wie folgt:

Immer schneller und stärker zunehmend wandelt sich die Größe der Ausgabegeräte. Es gibt mittlerweile sehr viele unterschiedlich große Displays wie Desktop-PCs, Laptops, Notebooks, Tablets, Smartphones, E-Book-Reader. Jedes dieser Geräte gibt es dann zusätzlich noch in vielen Zwischengrößen.

Gerade Tablets und Smartphones verändern heutzutage extrem das Surf-Verhalten. Mit der RWD-Technik wird versucht für die unterschiedlich großen Displays angepaßte, optimierte Designs zu gestalten. In der Regel geschieht dies durch Layouts, welche in Prozent statt absoluten Pixelgrößen angelegt sind und insbesondere durch Abfragen von Bildschirmgrößen per CSS Media Queries.

Jedes Gerät erhält also eine optimierte Ansicht - das nervige ' Größer-Ziehen mit 2 Fingern ' bei Smartphone-oder Tablet-Devices (weil Inhalt zu klein und Inhalt ist abgeschnitten) entfällt also endlich. Auch die Drehung der Devices (horizontal/vertikal), also von Portrait in den Landscape-Modus wird hierbei berücksichtigt.

Gleichwohl haben wir aber auch für weniger Fortgeschrittene viele "Nicht-Responsive-Vorlagen" anbei.




+ + + Responsive Design im Beispiel für mobile Geräte .     

Als Mobile Geräte werden neben dem Smartphone natürlich auch Tablets bezeichnet und es gilt eben sowohl Smartphones als auch Tablets responsive anzupassen. Hier sehen Sie nachfolgend als Slideshow einige Beispiele unser Vorlagen im angepassten 'Smartphone Design'. Klar, Sie haben es schon erkannt, die Info um jeweils welche HP-Nr. es sich handelt, ist hier jeweils eingeblendet.






+ + + Alles einfacher. Sofort Herunterladen und schauen ob es paßt.


Liebe Besucher,

hier nachstehend einige wertvolle Informationen für Sie - oder wenn Sie es gar nicht erwarten können, klicken Sie im vorstehenden Menü den Button "Vorlagen" bzw. die kreisrunden "Zahlen-Buttons" und Sie gelangen zu unseren Vorlagen.
... auf vielen anderen Vorlagen-Seiten bekommen Sie nur ein kleines Vorschaubild der Vorlage zu sehen oder Sie müssen sich erst registrieren, der Download ist kostenpflichtig, in den Vorlagen sind Mustergrafiken, welche Sie nicht verwenden dürfen, Werbung ist in Form von Bannern oder Links enthalten usw.

Bei uns ist das alles einfacher.
Sie sollen direkt sehen, ob die Vorlage Ihnen gefällt.


Wir bieten einen besonderen Service:

Anschauen der Vorlagen in Originalgrösse und sofortiger Download...Klicken Sie dazu auf den Link nammens "Downloaden" bei der jeweiligen Vorlage.

...sowie keine offensichtliche Werbung in den Vorlagen.

Einzig unser sehr kurzer, unsichtbarer und einzeiliger Copyright-Kommentar:

(c) Copyright by S.I.S.Papenburg /
www.on-mouseover.de/templates/


welcher nur im HTML-Quelltext und nicht innerhalb der Webseiten-Ansicht im Browser sichtbar ist- darf nicht gelöscht werden. Für Ihren eingefügten Inhalt, sei es Text, spezielle Grafiken o.a., haben Sie dann selbstverständlich Ihr Copyright. Sie müssen keine zusätzlichen Angaben in Bezug auf uns in Ihrem "Impressum" machen, dürfen es aber. Grundsätzlich darf eine Vorlage nur für eine Domain genutzt werden. Innerhalb einer Domain aber können Sie jedoch eine ungegrenzte Anzahl von Seiten anlegen und auch der Zeitraum der Nutzung ist nicht begrenzt.
Kostenlos bei Inhalt von privater Natur. Geringe Preise bei kommerziellem Inhalt. (Diejenigen, die eine Vorlage kommerziell nutzen wollen, sollen nicht die "Katze im Sack kaufen", sondern die Vorlage in aller Ruhe vorab am heimischen PC testen können)

"Ja...spinnen die denn ?"
Nein. Wir setzen auf den "Fairness"-Gedanken und ehrliche Besucher. Das kann aber nur solange funktionieren, wie sich alle daran halten. Bitte halten Sie sich deshalb an unsere Nutzungsbedingungen, damit wir dieses Angebot nicht irgendwann einstellen müssen.


Thema Urheberrecht:
Würden Sie auf die Idee kommen, Komplettes oder Teile eines Buches oder Gedichtes abzuschreiben oder ein komplettes Lied oder Teile eines Liedes als Ihres zu veröffentlichen? Wohl kaum. Im Internet und bei Webseiten gelten gleiche Rechtsbestimmungen wie sonst auch.

+ + + Übrigens: Wir sind offen, aber nicht naiv. Auch das Internet ist kein "Gesetzfreier Raum".
Allen unehrlichen Besuchern - welche so ein freies Angebot zum Nachteil der ehrlichen Allgemeinheit ausnutzen - sei gesagt: + + +


Viele "schwarze Schafe" entdecken wir früher oder später aufgrund unsererer langjährigen
Internet-Erfahrung sowie auch, wie es die Praxis gezeigt hat, durch hilfreiche Hinweise per Mail seitens unserer Besucher.


Allen ehrlichen Besuchern wünschen wir viel Spass auf unserer Seite.






+ + + Tipp: Luftig und leichte CSS-Transparenz im 2-Spalten-Layout.    


  HP 02 | PIER WITH A LIGHTHOUSE




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







+ + + Beispiele für das optimierte Smartphone Layout (verlinkt).    



  No. 02
Pier with a Lighthouse

  No. 03
Brücken - Ponts - Bridges

  No. 10
Above The Clouds

  No. 14
Fresh Food For You

  No. 16
La Bella Vita

  No. 25
Classic Style Trend

  No. 30
KANZLEI RA LAWYER

  No. 44
Bed And Breakfast




+ + + Nutzungsbedingungen.     


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