Webdesign ( Templates )

Webseiten 89 - 96  ( 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



 89 Hinter dem Horizont Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Besonderheiten

Konstruktion scrollt über feststehendem Hintergrund.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 90 The Thirtieth Of May 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.
  • Eventuell gut für Responsive-Neulinge (denn hier mal ohne Animationen, Font-Icons und Transparenz).
  • 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)
  • Fotos im 16:9-Format (bei den Fotos im Inhaltsbereich).
  • Linearer Farbverlauf ohne Grafik (mit CSS-linear-gradient).
Beispiel - CSS Glossy-Buttons - typisch sind die 2 Hälften des Buttons. Scheinend (Glossy) werden diese dann durch Farbverläufe.


Homepage Vorlage , templates , Homepage-Vorlagen,  free download


Vorstehend sehen Sie im Foto ein Beispiel für die CSS-Glossy-Buttons mit den verschiedenen Link-Zuständen wie folgt:

1. Aktueller Link - wird konstant angezeigt - zeigt den jeweils aktuell angewählten Link (hier: Secundus)
2. Mouseover-Link - zeigt den Link bei Mausberührung (hier: Quintus)
3. Ausgangs-Link - (hier: Primus, Tertius, Quartus und Sextus)

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

Besonderheiten

Die Farben Schwarz, Rot und Weiss passen hier perfekt zusammen.

Technik

Flexibles Layout.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 92 Ein schöner Tag Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download    Homepage Vorlage, templates , Homepage-Vorlagen,  free download

Besonderheiten

Die Navigationsleisten sind ohne jede Grafik erstellt, wirken aber 3D-mäßig. Ändern Sie einfach nur die Hintergrundfarbe der Menüs, sowohl Aussenschatten (box-shadow) als auch Innenschatten (box-shadow inset) bleiben erhalten.

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,--
 
 93 Twilight Ibiza Bestellen Downloaden Anschauen
Homepage Vorlage , templates , Homepage-Vorlagen,  free download

Besonderheiten

Halb-Transparentes Menü in der Farbe Blau läßt auch Ihr Foto durscheinen. Auf jeder Seite ein anderes Foto, mehrere Beispielseiten anbei. Blau getäfeltes Holz.

Verschiedene Menü-Zustände beim Menü oben:
Ausgangslink: Himmelblauer Hintergrund mit orangener Kugel.
Mouseover-Link: Dunkelblauer Hintergrund mit weißer Kugel.
Aktueller-Link:Orangener Hintergrund mit gelber Kugel.

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,--
 
 94 TRAVEL ON HIGHWAY 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 (tauscht auf jeder Seite 4 verschiedene Bilder, also bei 6 Seiten sind das 24 untersch. Tauschbilder).
  • Plus CSS-Animation 'Kamerafahrt' beim Bildwechsler.
  • Spezieller Bild-Anzahl-Anzeiger beim Bildwechsler 1
  • Google-Webfonts (Schrift bereits installiert). Hier schicker Italic-Schriftschnitt2.
  • Transparenz ( mit CSS-rgba).
  • 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 ":after" und ":before". Angewandt bei Listen-Font-Icons.
  • Verschiedene ANIMATIONEN per CSS gestaltet.
1= Bild-Anzahl-Anzeiger: Bei einem Bildwechsler gibt es oft einen Anzeiger für die Bildanzahl der zu wechselnden Bilder. Man erkennt dann z.B. : Jetzt gerade ist Bild 2 von insgesamt 4 Bilder zu sehen. Dies sind häufig kleine Kreise, wobei der Kreis für das aktuelle Bild dann farblich anders formatiert wird. Wir haben diesen Bildanzeiger hier mal anders gestaltet. Es gibt ein Batterie-Symbol, das sich mit jedem angezeigten Bild der Slideshow weiter füllt. Sozusagen bis die Batterie voll geladen ist.

2= Fonts/Spezielle Schriftschnitte: Bei einem Italic-Schnitt hat der Schriftdesigner die einzelnen Zeichen aufeinander und auf die Schrägstellung abgestimmt. Wenn aber dieser Italic-Schnitt nicht vorhanden ist (sondern nur der reguläre Schnitt), stellt der Browser auch bei der Anweisung 'font-style: italic' die Schrift einfach nur programmatisch schräg. Schauen Sie sich hier einmal die wunderschönen geschwungenen Linien bei der Schrift an, dann wird der Unterschied vielleicht deutlicher und was wir damit meinen.

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

Besonderheiten

Ausgeschnittene Kreise. Auch Ihr Foto würde sich ggflls. hinter die Kreise legen, wobei die Kreise dann beim Scrollen versch. Auschnitte des Fotos zeigen. Diese Kreise befinden sich im Kopf-und im Fussbereich der Seite.

Technik

Transparente Kreise per PNG-Grafik. Flexibles Layout.
Bis ans Ende gescrollt, zeigt sich dann das komplette Foto.

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

Besonderheiten

Die Farben des Layouts ergaben sich aus den Augenfarben des Models.

Technik

Flexibles Layout.

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