Webdesign ( Templates )

Webseiten 121 - 128  ( 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



 121 Documents & Files 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ß!
Responsive Webdesign: Anpassung/Optimierung der extrem unterschiedlichen Bildschirmgrößen von Smartphone, Tablet, Notebook, Laptop und Desktop-PC innerhalb einer einzigen Webseite. 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.
  • Akten-Ordner im Original-Maßstab zur Beschriftung mit Ihrem Homepagenamen.
  • Mehrere Fotos zum Beschriften der Aktenordner anbei - Bis zu 12 Buchstaben (=12 Ordner) sind möglich.1
  • Zusätzlich kann der Hintergrund der Aktenordner geändert werden. (Beispiele u. Quellcode anbei)
  • Fade-In-Effekt: Jede Seite wird sanft eingeblendet.
  • Linearer Farbverlauf mit CSS-linear-gradient.
  • Radialer (kreisförmiger) Farbverlauf mit CSS-radial-gradient.
  • CSS-Gradient Farbverlauf in Verbindung mit transparenter Hintergrund-Grafik.
  • Fest am oberen Rand positionierte Menü-Leiste (Scrollt nicht mit).
  • CSS-Animationen: Schwingen, Drehen, Gummiband, Umkippen, Beben, Slide-Top, Slide-Right.
  • CSS-Animation: Smooth-Menü (Menü gleitet hinein)
  • CSS-Animation: Menü-Button gleitet nach rechts raus, Schliess-Button von oben hinein.
  • Mit Toggle-Menü. (Bei mobilen Geräten wird ein platzsparendes Menü aktiviert ( Umschalt-Button An/Aus).
1= Beschriftung der Aktenordner: Beschriftet man zudem die zweite Reihe der Etiketten, dann bis zu 24 Buchstaben pro gesamter Ordner-Gruppe und bei Beschriftung der dritten Reihe der Etiketten je 36 Buchstaben pro gesamter Ordner-Gruppe.

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

Besonderheiten

Registerreiter-Menü und Rahmen mit Streifen-Textur.

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,--
 
 123 ALL THE TIME OF THE WORLD 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 / Technik

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.
  • Komplett-Transparenz-Layout. Mit CSS-rgba (Farbe und Deckungsgrad somit gfls. anders einstellbar).
    Nett: Auch die Bilderrahmen sind transparent und heben sich trotzdem (dank CSS-box-shadow) ab.
  • CSS-Animation: Klapp-Mechanismus beim Menü (Mausberührung: Von minus-45-Grad-Schräge zu 0-Grad).
  • Festgesetzte Hintergrund-Grafik, der Inhalt scrollt also darüber hinweg.
  • CSS-Animation: Dreh-Effekt plus Move-Effekt auf den Social Media Icons im Inhaltsbereich (Startet automatisch).
    - Jedes zweite1 Icon dreht sich dabei andersherum und bewegt sich in entgegengesetzter Richtung.
    - Jedes Icon innerhalb der Liste hat eine andere Farbe.2
  • CSS-Animation Wobble-Effekt (Auf den Fotos im Inhaltsbereich).
  • CSS-Animation: Drehen-Effekt (Auf den Icons im Kopfbereich).
  • Effektvolle CSS-Schräg-Stellung von Objekten: Mit 'transform:rotate'.
    Hier war es wichtig mit 'CSS-transform-origin' den richtigen Drehpunkt zu setzen sowie auch
    mit 'CSS-overflow:hidden' den Platz der Box zu beschränken (damit keine unschönen zusätzlichen Scroll-Balken erscheinen).

1= Ansprechen jedes geraden oder ungeraden Elements einer Liste.
Dies geschieht hier durch das Pseudoelement ':nth-child(even)' bzw. ':nth-child(odd)'.

2= Ansprechen jedes einzelnen Elements einer Liste.
Mit Pseudoelement ':nth-child(Zahl).

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 124 LEGATUS DOMINUS 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.
  • Almost Flat-Design (mit minimalen , dezenten Schatteneinsatz bei einigen Objekten). Denn: Die Mischung macht´s !
  • Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
  • Pseudoelement "::before" 1. Angewandt bei Menü-Font-Icons und Listen-Font-Icons.
  • CSS-Animation: Bildwechsler (Slideshow) tauscht Fotos.
  • CSS-Animation: Der Bildwechsler tauscht dabei gleichzeitig auch Textfeld plus Weiterlesen-Button.
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.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 125 (W)hat a (W)onderful (W)orld 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

Spezielle Startseite plus zwei verschiedene Unterseiten anbei.

Technik

Flexibles Layout.

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

Besonderheiten

Die Idee: Eine halbtransparente Grundkonstruktion, bei dem die Hintergrundgrafik durscheint. Der Text sollte trotzdem gut lesbar sein. Beide Menüs sollten zudem eine andere Transparenzstufe erhalten.
Inklusive Schwarz-Weiss-Version.

Technik

Mit transparentem Aufklapp-Menü.
Flexibles Layout.
Film-Abspann am Ende der Seite.
+ CSS3-Effekte (Textschatten, Boxschatten, Abrundung = Schattenwurf und Abrundungsgrad individuell und flexibel einstellbar, da ohne Grafiken realisiert).
++ CSS3 Rotation-Animation (Ihr Logo dreht und bewegt sich nach rechts)
+++ CSS3 Fade-In-Animation (Homepagename wird eingeblendet)

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 29,--
 
 127 DAS BLAUE HAUS 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.
  • Pattern-Hintergrund: Streifen-Background - ohne Graifk ( mit CSS-linear-gradient )
  • Font-Icons ( Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar .
  • Google-Webfonts (Schrift bereits installiert - hier die Schriften 'ROBOTO' u. 'OPEN SANS' - Schriftschnitt:Light 1).
  • CSS-Animation: DREHEN.
1= Schrift Roboto bekannt vom Android-Betriebssystem. Der Schriftschnitt ist leicht zarter (light) als ein normaler Schnitt und hat damit eine edle Wirkung.

    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--
 
 128 TAKE A RIDE 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).
  • CSS-Animationen: Schwingen, Hoch-Schrauben (= Drehen + Slide-Top - bei Mouseover auf den Fuss-Icons)
    Privater Inhalt: Vorlage ist kostenlos
    Kommerzieller Inhalt: einmalig Euro 39,--