| 89 | Gourmet Kitchen - Three Stars Cooking | |
Technik
Besonderheiten
Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||
| 90 | Der kleine Marienkäfer | |
Technik
Besonderheiten
1= Natur-Farben: Die Farben wirken auch natürlich, weil der grüne Farbton direkt aus dem Ausgangsfoto ausgewählt wurde. Hinweis: Um eine beliebige Farbe innerhalb eines Fotos zu bestimmen, gibt es ja kleine Freeware-Tools, welche z.B. Color Picker oder ähnlich heißen. 2= Transparenz/Farbfilter: Im Gegensatz zum etwas leichter zu handhabenen CSS-Befehl 'opacity', welcher auch eine Transparenz ermöglicht, wird beim CSS-Befehl 'rgba' die Schrift auf dem Objekt nicht auch gleichzeitig mit einer Transparenzstufe versehen. Beim 'rgba-Befehl' können Sie Farbe und Deckungsgrad einstellen. Je nach Foto ( falls Sie Ihres einfügen wollen ) oder Geschmack kommt man somit mit einer Schwarz-Transparenz (wie hier in diesem Template) oder einer Weiß-Transparenz bestens aus. Die Schrift, egal mit welcher Schriftfarbe hebt sich somit immer von den Farben des Fotos ab. Wer es noch individueller oder perfekter mag, wählt gar eine ganz andere Farbe. Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||
| 91 | Ready For Input | |
Technik
Besonderheiten
Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||
| 92 | COUNTDOWN LAUNCHER RIPPLES | |
|
Jquery
+ Water Ripples Effekt + Countdown Timer 
Technik
Besonderheiten
1= Water Ripples Effekt: Wasser-Wellen breiten sich bei Mausberührung / Touch auf dem Bild aus. Wir haben über diese Animation eine zweite Ebene (Inhalt mit Buttons und Text) sowie eine dritte Ebene (sich öffnende Info-Fenster)darüber gelegt. Diese Ebenen wurden mit 'position:relative/absolute' getätigt. 2= Countdown Timer: Zählt in Tagen, Monaten, Stunden und Sekunden herunter. Das End-Datum, an welchem der Zähler die Null erreicht, stellen Sie ganz leicht im Kopf-Bereich der HTML-Seite ein. Tipp: Verschiebt sich Ihr Projekt dann doch noch einmal kurzfristig, stellen Sie ganz einfach ein neues End-Datum ein und ändern den Text ('We Will Launching Soon'). Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,-- |
||
| 93 | Black & White Project | |
Technik
Besonderheiten
1= Schwarz & Weiß: Die Grundkonstruktion ist Black & White unter Berücksichtigung von CSS Boxschatten, CSS-Transparenz und CSS-Farbverläufen um Tiefe zu erzeugen, denn nur reines Schwarz und Weiß würde das Auge ermüden. Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||
| 94 | TRAVEL ON HIGHWAY | |
Technik
Besonderheiten
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 | MY FITNESS GIRL | |
Technik
Besonderheiten
Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||
| 96 | SLEEPING LITTLE BUDDHA | |
|
+ ONE-PAGER
+ CSS-Chakra-Animation + Full-Screen-Only-Site + Sternen-Animation + CSS-Box-Fenster 
Technik
Besonderheiten
1 = CSS Chakra-Animation: Sie sehen hier 5 halbtransparente CSS-Quadrate, welche sich jeweils um die Buddha-Grafik mit verschiedener Geschwindigkeit drehen um alle Farben zur Geltung zu bringen. Die Halbtransparenz läßt alle tiefer liegende Quadrate durchscheinen. Nach ca. 2 Minuten Drehung liegen dann alle wieder aufeinander und bilden ein einziges Quadrat. Der Kreislauf beginnt dann von vorn und man kann es dank der wechselnden Überlagerungen ständig ansehen, ohne das es langweilig wird. Mit dieser Animation möchten wir die Chakren symbolisch darstellen. Halbtransparenz und Überlagerung bei unterschiedlicher Geschwindigkeit ermöglicht es, daß alle sieben Farben der Chakren insgesamt auch nur mit 5 Quadraten trotzdem dargestellt werden. Alternative anbei: Hierbei werden 7 Quadrate verwendet, wobei auf die Halbtransparenz verzichtet wird um volle Deckung der Farben zu ermöglichen. 2 = Die Chakren-Theorie: Aus Indien stammend kennt man die Chakren als Energiewirbel bzw. Energieräder in der Aura. Analog dazu kennen wir hier auch im Westen dieses Wissen, welches in Form von Heiligenscheinen auf alten Bildern bei Heiligen, Königen oder Engeln stark verankert ist. Es gibt 7 Hauptchakren -welche jeweils verschiedenen Bedeutungen sowie auch Blockaden entsprechen- in den Farben, Rot, Orange, Gelb, Grün, Blau, Indigoblau und Violett. Wenn alle Chakren geöffnet sind und sich drehen, sind Körper, Seele und Geist eins, wir sind dann sozusagen in unserer Mitte. 3 = Full-Screen-Only-Site: Volle Bildschirm-Ansicht: Während die Gesamtkonstruktion hier als Highlight bei allen Auflösungen nicht mitscrollt und immer jeweils responsive das Display ausfüllt, lassen sich die öffnenden Inhalts-Fenster (Box-Fenster) sehr wohl scrollen. Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||