Webdesign ( Templates )

Webseiten 105 - 112  ( frei für privat, kostenpflichtig für kommerziell )

Wie dürfen die Templates eingesetzt werden?

Bitte lesen Sie vor dem Download einer Homepagevorlage unbedingt unsere Nutzungsbedingungen.
Die Webdesign Templates können 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 ein Template 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



 105 Vor Helgoland Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Besonderheiten

Oftmals sieht man so ein grau-schwarzes Design bei Fotografen-Seiten, damit die Schönheit und Leuchtkraft Ihrer Fotos besonders zum Tragen kommt.

Technik

Flexibles Layout.
Zwei Auflösungsversionen anbei, wie folgt: Pixel-Layout (veränderbar in versch. Pixelbreite) und flexibles Prozent-Layout (veränderbar in versch. Prozentwerte.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 106 SURFIN' GIRL 06:52 AM Bestellen Downloaden Anschauen

Homepage Vorlage , templates , Homepage-Vorlagen,  free download


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


~~~  Linien links und rechts vom Namen/Seitentitel (bekannt aus Print-Medien - hier auf Webseite umgesetzt).
~~~  CSS-Glossy Buttons im Hauptmenü (nur per CSS, ohne Grafik erstellt).
~~~  Diese Glossy Buttons sind transparent (läßt auch Ihre Hintergrundgrafik durscheinen).
~~~  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).
~~~  Fotos im 16:9-Format (bei den Fotos im Inhaltsbereich).
~~~  Linearer Farbverlauf ohne Grafik (mit CSS-linear-gradient).
~~~  CSS-Animation: Schwingen (bei Mouseover auf den Fotos im Inhaltsbereich)
~~~  CSS-Animation: Hoch-Schrauben (= Drehen + Slide-Top - bei Mouseover auf den Icons)


Hinweis: Das Toggle-Menü wird per Klick auf den Button mit den drei Linien (der sogenannte Hamburger Button) eingeschaltet und es erscheint das Menü sowie das "X", bei Klick auf das "X" wird das Menü wieder ausgeschaltet und der "Hamburger Button" ist wieder da.

Alles komplett ohne Javascript:
Also sowohl die responsive Konstruktion als auch das Toggle-Menü sowie alle CSS3-Effekte ohne Javascript!)

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 107 Clothed In Purple Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Besonderheiten

Mit Aufklapp-Menü.
Flat-Design (Flaches Design in 2D). Flach, schlicht und edel.

Technik

Flexibles Layout.
Abgerundete Ecken auf den Fotos und Boxen per CSS3-Technik (ohne Grafikprogramm). Auch Ihre rechteckigen Grafiken werden damit rund.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 108 Black, Red & White 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

Zahlen im Menü wirken ansprechend und modern.

Technik

Flexibles Layout.

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

Besonderheiten

Das Spiel-Motiv für z.B. Kindergarten, Psychologie, Vereine, Seminare, Politik, Familien, Umwelt, Sport-Events , Forschungen Studien, Astrologie (die vier Elemente), Kultur-Veranstaltungen usw.

Technik

Flexibles Layout.

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

Besonderheiten

Design mit Trennlinien, die ausgestanzt wirken. Es gibt zwei verschiedene Auflösungsversionen für Sie anbei.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 111 Booking Travel Ltd. 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.
Webseiten-Konstruktion ohne Javascript.
Lightbox-Foto-Gallerie mit Javascript (Jquery).
  • Doppel-Transparenz mit 2 transparenten Ebenen (beim Hauptmenü) mit 'CSS-rgba'.
  • Toggle-Schalter mit Doppelfunktion.1 Klick auf Schalter wechselt zwischen Menü und Infofenster.
  • CSS-Animation: SLIDE-TOP plus DREHEN (bei Mausberührung).
  • CSS-Animation: DREHEN (automatisch startend), drehend links-und rechtsherum.
  • CSS-Animation: SLIDE-RIGHT (bei Mausberührung) auf den Buttons im Hauptmenü.
  • Strukturierte Abschnitte 2 ( mit CSS-Strukturpseudoklassen ) . Tutorial anbei.
  • Mit 'Lightbox Picture Gallery'.3 ( Die bekannte und beliebte Foto-Gallerie-Schau ).
  • Font-Icons ( Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar ) .
  • Google-Webfonts ( Schrift 'ROBOTO LIGHT' und 'OPEN SANS LIGHT' bereits installiert ).

1= Toggle-Schalter mit Doppelfunktion:
Normalerweise hat ein Toogle-Schalter ja nur die Option AN und AUS (also z.B. bei Klick wird ein Menü eingeblendet, bei erneutem Klick ausgeblendet). Hier gibt es jedoch eine Doppelfunktion, d.h. bei Klick wird ein Infofenster eingeblendet und gleichzeitig das Menü ausgeblendet sowie bei erneutem Klick wird das Menü wieder eingeblendet und gleichzeitig das Infofenster ausgeblendet.

2= Strukturierte Abschnitte:
Auf der Startseite sehen Sie bei diesem Template im Inhaltsbereich einige Abschnitte, die farbig getrennt sind. Wie wir diese angelegt haben und wie Sie auch mehr oder weniger Abschnitte anlegen können, erklären wir Ihnen in diesem Template in einem kleinen Tutorial zum Thema 'CSS-nth-child'.

3= Lightbox Picture Gallery: So funktioniert diese Foto-Schau:
Nach Klick auf ein Foto öffnet sich ein neues Fenster mit dem Foto sowie einer Bildunterschrift und einer Anzeige (Bild 1 von X), gleichzeitig dunkelt sich die komplette Webseite im Hintergrund ab. Wenn mehrere Fotos in einer Gruppe zusammengefaßt sind, ergibt sich folgendes tolle Feature: Fahren Sie mit der Maus über die rechte Fotohälfte. Es erscheint dann ein Pfeil, welcher Sie durch Klick auf diesen immer weiter zum nächsten Foto führt. In diesem Fenster lässt sich also eine ganze Bildkollektion durchsehen. Übrigens erscheint bei Mausberührung auch ein Pfeil nach links um die Fotos wieder in anderer Richtung zu betrachten.

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

Besonderheiten

Alle Elemente (Menü, Homepagename, die beiden Ringe in der Mitte sowie die Fusszeile) bleiben konstant am Bildschirm sichtbar. Es wechselt immer nur das Inhaltsfeld. Alle Seiten bereits für Sie anklickbar verlinkt.

Technik

Inline-Frame-Konstruktion. Flexibles Layout.

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