| 129 |
Ferienhaus |
|
 
Besonderheiten
Übersicht/Anleitung für CSS3-Effekte anbei.
2x Halbkreis-Menü untereinander. Rundung, Schatten- und Leuchteffekte beim Menü nur per CSS und damit ohne Grafikprogramm erstellt.
Grafische Icons.
Technik
Flexibles Layout.
+ CSS-Effekte (Textschatten, Boxschatten, Abrundung = Schattenwurf und Abrundungsgrad individuell und flexibel einstellbar, da ohne Grafiken realisiert)
++ CSS Animation-Rotation (Spinning Icon hier auf dem "Nachoben/Nachunten-Pfeil" - dreht bei Mausberührung und Nicht-Mausberührung in jeweils entgegengesetzter Richtung).
+++ CSS Schrägstellung Objekte (Winkelgrade einstellbar.)
Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--
|
| 131 |
Grenzenlos. Without Frontiers |
|
 
Besonderheiten
Der Hintergrund besteht aus zwei Grafiken (Halbkreis + Vogel), welche übereinander liegen, somit mehr Möglichkeiten beim evt. Tausch Ihrer eigenen Grafik, wobei hier die ganze transparente Konstruktion inklusive Halbkreis über den feststehenden Vogel scrollt. Es ist sozusagen ein Flügelschlag-Effekt.
Technik
Flexibles Layout.
Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--
|
| 132 |
MONO |
|
Besonderheiten
Mauszeiger wird verändert (Farbige Hand bei Mouseover sowie schwarzer Pfeil auf weisser Fläche und weißer Pfeil auf schwarzer Fläche.
Technik
Flexibles Layout.
Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--
|
| 133 |
LITTE RED RIDING HOOD |
|
[ 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-Schrägen (zu einer Spitze geformt).
- 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)
- Font-Icons (Icon-Schrift bereits installiert, somit Icons tauschbar/erweiterbar).
- Linearer Farbverlauf ohne Grafik (mit CSS-linear-gradient).
- CSS Pattern (hier: Rote-Punkte-Hintergrund ohne Grafik).
- Menü-Leiste (Name/Menü-Button) bei mobilen Auflösungen fest oben positioniert (scrollt nicht mit).
- CSS-Animation:Homepagename dreht + langsame Farbänderung (bei Mouseover im oberen Bereich)
- CSS-Animation: Langsame Änderung von Icon-Farbe und Icon-Hintergrund (bei Mouseover auf den Icons)
- CSS-Animation: Schiebe-Effekt mit Textüberlagerung + Bild-Effekt 1 (bei Mouseover auf den Fotos)
1= ZOOM-IN-Effekt, FLIPP-Effekt, SLIDE-OUT-RIGHT-Effekt, VERZERR-Effekt, ZOOM-OUT-Effekt
Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,--
|
| 134 |
My Sweetest Painter |
|
 
Besonderheiten
Es ist eine speziell gestaltete Startseite mit anbei.
Technik
Flexibles Layout.
Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--
|
| 135 |
Neuschnee |
|
 
Besonderheiten
Die Menüs legen sich um das (gfls. auch ihr) Foto herum, sowohl horizontal als auch vertikal. Beide Menüs erhalten einen separaten Mouseover-Effekt. Auch Tipps zum Anpassen der Vorlage anbei.
Technik
Flexibles Layout.
Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,--
|
| 136 |
ÜBER DEN DÄCHERN DER STADT |
|
[ 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 A - Tauscht Fotos und enthält zweiten Bildwechsler (B)1.
- CSS-Bildwechsler B - Tauscht Fotos und ist zusätzlich animiert
- Vogelschwarm-Animation ( gleichzeitig fliegend von li + re sowie horizontal und vertikal die Richtungen ändernd)
- Multipler Background ( Schrägen/Transparenz/Bild alles in einer Anweisung)
- Transparenz ( mit CSS-opacity)
- Text-Schatten-Effekte (mit CSS-text-shadow)
- 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 ":first-line". Erste Zeile anders formatiert.
- Pseudoelement ":after" und ":before". Angewandt bei Listen-Font-Icons.
- Verschiedene ANIMATIONEN per CSS gestaltet.
1= Die Bildwechsler: Oben im Kopfbereich gibt es einen Bildwechsler 'A'. Darin befindet sich ein weiterer Bildwechsler 'B' (mit den 4 kleinen Kreisen als Anzeiger für die Anzahl der zu wechselnden Fotos), welcher die gleichen Bilder wechselt, aber zusätzlich noch animiert ist und jeweils einen Bildausschnitt zeigt, der in Bildwechsler 'A' nicht zu sehen ist. Hinweis: Für beide Bildwechsler lassen sich auch unterschiedliche Fotos hinterlegen, so das Sie dann 8 verschiedene Fotos sehen können.
Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,--
|
|
