| 17 | ESCAPE PLUS ZERO | |
ONE-PAGER
Alle Inhalte innerhalb einer HTML-Seite.
+ Smooth-Scrolling-To-Sections
Technik
Besonderheiten
1= One Pager: Dies ist ein responsive One-Pager. Auch bezeichnet als Single-Page-Website. Im Prinzip bedeutet es, das die Webseite nur aus einem einzigen Webdokument, also nur einer HTML-Seite besteht. Klicken Sie die Links im Menü und sehen Sie wie innerhalb einer Seite die verschiedenen Sektionen aufgerufen werden. Wichtiger Bestandteil eines One-Pagers ist das Smooth-Scroll-To-Sections. 2= Smooth Scroll To Sections: Die Sprungziele, sprich die einzelnen Sektionen (Abschnitte) werden übrigens animiert sanft und sichtbar angesteuert. Gemeint ist das sogenannte 'Smooth Scrolling', welches der Übersichtlichkeit und besseren Orientierung dient. Man registriert also auch optisch, wohin man gelangt und springt nicht so abrupt wie sonst beim üblichen HTML-Anker. 3= Box-Slider: Wir haben die Lightbox erweitert bzw. optimiert, indem wir eine CSS-Animation hinzugefügt haben. Bei der Gallery (Quartus) sehen Sie bei Mausberührung der Fotos einen Box-Slider-Effekt. Es wird ein farbiges, halbtransparentes Feld, welches eine Text-Aufschrift enthält, aus verschiedenen Richtungen herein gefahren. Transparenz-Farbe, Schriftfarbe und Schrift-Text lassen sich natürlich verändern. Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||
| 18 | Into The Blue | |
Technik
Besonderheiten
1= Retro-Clock: Eine eher unübliche Uhr im schicken Retro-Flip-Style liest nicht nur die aktuelle Zeit aus, sondern zeigt diese auch fortlaufend aktuell herunterlaufend im Flip-Mechanismus für Stunden, Minuten und Sekunden an. 2= CSS-Text-Schatten vielfach nutzen: Je nachdem, welche Werte man bei Textfarbe, Hintergrundfarbe und Schattenfarbe man vergibt, ergibt sich entweder ein Schatten-Effekt, Einstanz-Effekt oder ein Glüheffekt. Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||
| 19 | Meine kleine Firma ist online | |
Technik
Besonderheiten
1= Das Logo: In der Box, welche jetzt das Icon mit dem Schlüssel enthält, ist Platz für Ihr eigenes Logo. Sie können aber auch wie im Beipiel ein Icon benutzen, die Icon-Font 'Font Awesome' ist ja bereits installiert. So haben wir auf den Unterseiten mal verschiedene Icons als Beispiel eingebaut. Somit könnten Sie es leicht für ihre Firma anpassen, im Beispiel also Schlüsseldienst (Sicherheitstechnik), Handwerker, Elektronik (TV, Computer), Fotograf, Gastronomie, Friseur , Medizin (Ambulanz, Pharmazie). Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||
| 20 | NATURE STUDIO | |
Technik
Besonderheiten
1= Das kleine Dreieck: Es ist nach oben gerichtet wie eine Art Pfeil, dabei am Fuße der jeweiligen Fotos im Inhaltsbereich platziert, auch responsive angelegt und stellt deshalb insbeondere bei Smartphone Auflösungen (wenn alle Fotos untereinander angeordnet werden) sicher, das Bild und der jeweilige Bildtext leichter als zusammenhängend erkannt werden Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||
| 21 | CAKES & COFFEE | |
JQUERY
3 x Foto-Show + ( Fotorama ) + ( Lightbox ) + ( Elastislide ) Technik
Besonderheiten
1= 3 x verschiedene Foto-Shows: 1.) Jquery: Foto-Slideshow 1 (Fotorama) - Startet automatisch. Variabel. Auf jeder Seite mit untersch. Bild-Anzahl. 2.) Jquery: Foto-Show 2 (Lightbox-Foto-Gallery) - Startet auf Bild-Klick. 3.) Jquery: Foto-Slideshow 3 (Elastislide) - Zeigt je nach Auflösung eine versch. Anzahl von Bilder in einem Schuber, welcher durch Pfeil-Klick die Bilder nach links verschiebt und somit weitere Bilder anzeigt um dann auf Ihren Bild-Klick das gewünschte Bild öffnet. 2= Objekt voran oder nach gestellt: Mit Pseudoelement 'before' bzw. 'after'. Vorteil: Die Angabe in der CSS-Datei hat Wirkung auf sämtliche HTML-Seiten. Somit könnnen Sie wie in diesem Fall das Kaffeetassen-Icon blitzschnell durch ein anderes Icon austauschen. Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||
| 22 | RESPONSIVE BEGINNERS | |
Template für
RESPONSIVE ANFÄNGER + Reduzierter Code + Leichteres Verständnis Technik
Besonderheiten
1= Reduzierung auf das Wesentliche: Es gibt in dieser Vorlage keine Font-Icons, keine Animationen, keine Google Webfonts, kein Grid-System für die Anordnung von Spalten oder horizontalen Bildreihen. Es wurde außerdem verzichtet auf ein Toggle-Menü und ein Aufklapp-Menü. Weggelassen haben wir auch Transparenzen per CSS oder per PNG-Grafiken sowie auch Farbverläufe per CSS. Auch nicht zum Einsatz kamen hier unterschiedlich formatierte Abschnitte im Inhaltsbereich. Schatten-Effekte auf Boxen oder Texte per CSS wurden hier ebenfalls nicht angewendet. Auch nicht dabei ist die Lightbox Fotogallerie. Somit mag die Konzentrierung auf die Responsive-Technik sehr viel angenehmer und hoffentlich leichter zu verstehen sein. Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 29,-- |
||
| 23 | Design Technology | |
Technik
Besonderheiten
Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||
| 24 | TRENDSETTER COMPANY | |
Technik
Besonderheiten
1= Strukturierte Abschnitte: Auf der Startseite sehen Sie bei diesem Template im Inhaltsbereich 5 Abschnitte, die farbig getrennt sind. Wie wir diese angelegt haben und wie Sie auch mehr oder weniger Abschnitte anlegen können, z.B. den ganzen Inhalt in nur einen einzigen Abschnitt packen können, erklären wir Ihnen in diesem Template in einem kleinen Tutorial zum Thema 'CSS-nth-child'. Privater Inhalt: Vorlage ist kostenlos
Kommerzieller Inhalt: einmalig Euro 39,-- |
||