Ewiger Kalender - Genaue Uhrzeit
Sie sind hier: Startseite » Vorlagen » Responsive Designs » Zagreb

Design Zagreb

Mit seinem Bildschirm-füllenden Eyecatcher und dem faszinierenden Parallaxen-Effekt ist der responsive OnePager 'Zagreb' perfekt für einen spektakulären Online-Auftritt. Optional kann im Eyecatcher ein Slider mit bis zu fünf großformatigen Bildern geladen werden.

Das responsive Design Zagreb ist als OnePage-Layout auf Basis neuester Technologien programmiert und konzipiert. Das gestalterische Konzept eines OnePagers sieht vor, dass alle Inhalte auf nur einer Seite - der Homepage - hinterlegt werden. Es werden weder Haupt- und Unterseiten noch Warengruppen / Produkte und Shopfunktionen verwendet. Die Suchfunktion steht im OnePager nicht zur Verfügung.

Tipp: Für eine einfache Besucherführung innerhalb der OnePage-Präsenz können Sie über die Absatz-Eigenschaft One Page Navigationspunkte ein Menü erstellen, das den direkten Einsprung in ein Thema ermöglicht (s.u.). Verwenden Sie diese Eigenschaft nicht, erhält die Präsenz keine Navigation. Die Bereiche der Site sind in diesem Fall nur durch Scrollen erreichbar.

Wichtiger Hinweis: Die Reduktion der Präsenz auf eine Seite entbindet nicht von der Impressumspflicht.

Hinweis: Das Design wurde für das Erstellen responsiver Projekte entwickelt. Responsive Projekte verwenden ein Layout, das sich automatisch dem verwendeten Endgerät anpasst. Somit haben auch Nutzer von kompatiblen Smartphones / mobilen Geräten / Tablets stets ein optimales Surf-Erlebnis. Innerhalb eines responsiven Projekts können nur responsive Absatz-Module verwendet werden.

Wenn Sie weitere Informationen über dieses Design haben möchten, folgen sie einfach diesem Link, sie werden auf eine neue Seite umgeleitet.

allgemeine Design-Features:

  • Varianten: 41
  • Farbpaletten: 41
  • Schriftarten (Open Sans, Alegreya Sans, Arimo, Fira Sans, Lato, Noto Sans, Noto Serif, PT Sans, Roboto, Roboto condensed, Signika, Source Sans Pro, Titillium Web, Verdana, Tahoma, Trebuchet, Calibri, Corbel, Arial und Times new Roman)
  • Navigation: Ebenen OnePage
  • Bildschirmauflösung: responsiv
  • Bemaßung in Pixel: Logo 1920 x 1080 ~ Content 1038 ~ Sidebar keine

Erweiterte Eigenschaften auf Website-Ebene

- Alternative Hintergrundfarbe in Tabellen
Über diese Eigenschaft haben Sie die Möglichkeit, eine alternierende Farbgebung für die Darstellung von ungeraden Tabellenzeilen zu konfigurieren.

- Animation bei Ladeoperationen anzeigen
Ist diese Option aktiviert, wird eine Animation angezeigt, die nur erscheint, wenn beim Klick auf die Schaltflächen der Direktnavigation die Ladezeit eines Bildes über einer halben Sekunde liegt.

- Ausrichtung Text
Diese Erweiterte Design-Eigenschaft ermöglicht das Definieren der Textausrichtung, die global in der gesamten Site verwendet werden soll: Links, Rechts, Zentriert oder Blocksatz.

- Automatischer Bildwechsel
Über diese Eigenschaft definieren Sie den automatischen Bildwechsel für den Slider im Eyecatcher des Designs.
Wichtiger Hinweis: Für den Bildwechsel des Sliders müssen in den Seiten-Eigenschaften mindestens zwei Eyecatcher-Bilder (Eyecatcher A (Bild) - Eyecatcher E (Bild)) eingebunden werden.

- Cookie Warnseite
Über diese Option setzen Sie den Link auf die Seite mit den ggf. rechtlich vorgeschriebenen Hinweisen zur Verwendung von Cookies. Hinweis: Durch die E-Privacy-Richtlinie 2009/136/EG und andere Gesetze sind Sie möglicherweise verpflichtet, auf Ihrer Website auf die Verwendung von Cookies hinzuweisen. Diese Hilfe kann keine juristischen Hilfestellungen bieten, wenn Sie unsicher sind, empfehlen wir Ihnen dringend, den Rat eines Fachanwalts einzuholen.

- Dreiviertelhohe Darstellung für Eyecatcher
Standardmäßig wird der Eyecatcher Bildschirm-füllend angezeigt. Über diese Option haben Sie die Möglichkeit, die Höhe des Eyecatchers auf Dreiviertel zu reduzieren. Auf diese Weise wird ein Teil des Content sichtbar und erleichtert den Besuchern ggf. den Einstieg. Standardmäßig ist die Option deaktiviert.

- Fußzeilentext
Ermöglicht das Eingeben eines individuellen Textes, der auf allen Seiten in der Fußzeile der Website bzw. des Webshops angezeigt wird.

- Hintergrundfarbe Leuchtkasten
Die responsiven Designs von SIQUANDO Web bzw. SIQUANDO Shop können Großansichten in einem Leuchtkasten darstellen. Die Hintergrundfarbe der Leuchtkastendarstellung kann über diese Erweiterte Design-Eigenschaft definiert werden.

- Hintergrundfarbe von Kästen und Tabellen
Über diese Eigenschaft haben Sie die Möglichkeit, die Hintergrundfarbe von Tabellen (gerade Tabellenzeilen) sowie die Farbe einer aktiven Registerkarte zu konfigurieren.

- Nach oben-Links anzeigen
Hiermit können Sie die sog. "Nach oben"-Links aktivieren, über die der Sitebesucher per Mausklick wieder an den Seitenanfang zurückgeführt wird.

- Nach unten-Link anzeigen
Der standardmäßig aktivierte "Nach unten"-Link ist in den Eyecatcher integriert und scrollt per Mausklick in den Content-Bereich. Es wird empfohlen, die Option bei einem Vollbild-Eyecatcher aktiviert zu belassen.

- Parallaxen-Effekt aktivieren
Mit dieser Option können Sie das faszinierende Parallaxen-Scrolling aktivieren bzw. deaktivieren, bei dem sich einzelne Seitenelemente beim Rollen der Seite in unterschiedlicher Geschwindigkeit bewegen.

- Rahmenfarbe von Kästen und Tabellen
Diese Erweiterte Eigenschaft ermöglicht das individuelle Definieren der Rahmenfarbe bei der Darstellung von Kästen (Text-Absatz) und Tabellen.

- Rahmenfarbe von fehlerhaften Kästen
Mithilfe dieser Eigenschaft können Sie die Rahmenfarbe von Eingabefeldern in Formularen definieren, in denen fehlerhafte bzw. unzureichende Angaben hinterlegt wurden.

- Schriftfarbe
Hierüber haben Sie die Möglichkeit, eine von der Designvorgabe abweichende Schriftfarbe zu wählen, die global beispielsweise für alle Fließtexte verwendet wird.

- Schriftfarbe in Kästen
Diese Eigenschaft bietet Ihnen die Möglichkeit, eine globale, von der Designvorgabe abweichende Farbe für die Schrift in Registerkarten und Tabellen zu wählen.

Erweiterte Eigenschaften auf Hauptseiten-Ebene

- Eyecatcher (Bild)
Die erweiterte Hauptseiten-Eigenschaft Eyecatcher (Bild) ermöglicht es, optional bis zu 5 Bilder (A - E) zu definieren, die als Slider im Kopf des Designs angezeigt werden soll. Definieren Sie unter Eyecatcher A (Bild) keine Grafik für den Slider, wird automatisch das Bild des gewählten Designs verwendet, auch wenn die anderen Slider-Grafiken festgelegt wurden. Tipp: Um eine individuelle Eyecatcher-Grafik zu verwenden, wählen Sie in der Design-Auswahl die Variante "Benutzerdefiniert" und laden dort das gewünschte Bild.

- Eyecatcher Kurztext
Möchten Sie einen kurzen (z.B. einleitenden) Text in das untere Drittel des Eyecatchers integrieren, geben Sie über den Eingabedialog dieser Eigenschaft den entsprechenden Text ein.

- Eyecatcher Überschrift
Diese Eigenschaft ermöglicht es, eine individuelle Überschrift im Eyecatcher zu platzieren. Geben Sie einfach den gewünschten Text im Eingabedialog ein.

- HTML5-Audio (Ogg Vorbis)

Diese Eigenschaft ermöglicht das Einbinden einer Audio-Datei im Format *.ogg in die aktuelle Hauptseite. Diese Audio-Datei wird bei jedem Aufruf der Seite automatisch abgespielt. Das Einbinden von HTML5-Audio-Dateien ist nur in aktuellen Browsern möglich. Für Mozilla Firefox wird dabei eine OGG-Vorbis-Version der HTML5-Audio-Datei, für den Internet Explorer 9 eine MP3-Version benötigt. Um eine Anzeige in möglichst vielen Browsern zu ermöglichen, sollten diese Option und die Option HTML5-Audio (MP3) parallel genutzt werden. Wichtig: Einige mobile Geräte geben das Audio nicht wieder, um Batterie und Bandbreite zu sparen.

- HTML5-Audio (MP3)
Dieses Feature erlaubt das Einbinden einer Audio-Datei im Format *.mp3 in die aktuelle Hauptseite. Diese Audiodatei wird bei jedem Aufruf der Seite automatisch abgespielt. Das Einbinden von HTML5-Audio-Dateien ist nur in aktuellen Browsern möglich. Für Mozilla Firefox wird dabei eine OGG-Vorbis-Version der HTML5-Audio-Datei, für den Internet Explorer 9 eine MP3-Version benötigt. Um eine Anzeige in möglichst vielen Browsern zu ermöglichen, sollten diese Option und die Option HTML5-Audio (Ogg Vobis) parallel genutzt werden. Wichtig: Einige mobile Geräte geben das Audio nicht wieder, um Batterie und Bandbreite zu sparen.

Erweiterte Eigenschaften auf Absatz-Ebene

- Auf kleinen Bildschirmen
Diese Einstellung für Tabellenabsätze ermöglicht es zu wählen, ob auf kleinen Bildschirmen (kompatiblen Smartphones / mobilen Geräten / Tablets) ein scrollbarer Ausschnitt der Tabelle angezeigt werden soll, oder die Spalten in Zeilen reorganisiert werden sollen. Bei der Reorganisation werden die Inhalte der Tabellenzeilen automatisch untereinander dargestellt, sodass Zusammenhänge ohne Scrollen direkt erfasst werden können.

- Aufzählungszeichen
Diese Eigenschaft ermöglicht es in Aufzählungs- und Aufmacher-Absätzen sowie in Suchregistern, die verwendeten Aufzählungszeichen zu wählen: Rechteck (Standard), Kreis, Check, Dreieck oder Pfeil.

- Ausrichtung Absatzbild
Diese Option ermöglicht bei Textabsätzen das Positionieren des Absatzbildes wahlweise auf der rechten oder linken Seite des Absatzes.

- Ausrichtung Text
Diese Design-Option ermöglicht es, die Textausrichtung innerhalb eines Textabsatzes (Links, Rechts, Zentriert oder Blocksatz) zu definieren.

- Extra Abstand unten
Diese Eigenschaft ermöglicht es, unterhalb des Absatzes einen zusätzlichen Abstand einzufügen. Geben Sie einen entsprechenden Wert (in Pixeln) im Eingabedialog ein.

- Großbuchstaben
Die Eigenschaft Großbuchstaben ermöglicht es, den kompletten Text in Textabsätzen in Versalien anzeigen zu lassen. Das Konvertieren in Großbuchstaben erfolgt dabei im Browser. Der Quelltext und somit auch die Barrierefreiheit und ggf. eine Auswirkung auf die Suchmaschinen-Optimierung bleiben hiervon unberührt. Beachten Sie, dass die Umwandlung in Versalien vom Browser vorgenommen wird und nicht alle Browser das "ß" korrekt in "SS" umwandeln (z.B. Internet Explorer). Nehmen Sie diese Anpassung ggf. manuell vor.

- One Page Navigationspunkt
Für eine einfache Besucherführung innerhalb der OnePage-Präsenz können über diese Eigenschaft sog. Navigationspunkte erstellt werden, die den direkten Einsprung in ein Thema ermöglichen. Um einen Absatz als One Page Navigationspunkt zu definieren, geben Sie einfach unter dieser Eigenschaft eine kurze Beschriftung für den Menüpunkt ein. Klickt ein Besucher in der Navigation auf diesen Punkt, wird er direkt zu dem entsprechenden Absatz geführt. Belassen Sie die Eigenschaft leer, wird der entsprechende Absatz nicht in die Navigation integriert. Weitere Informationen erhalten Sie im Handbuch.

- Panorama
Über diese Erweiterte Design-Eigenschaft können Sie Bildabsätze optional in einer Panorama-Darstellung Bildschirm-breit anzeigen lassen. Die Eigenschaft ermöglicht es zu wählen, ob eine Panorama-Anzeige erfolgen soll und auf welcher Seite die Legende platziert werden soll (rechts/links).

- Rahmen um Absatz
Diese Eigenschaft ermöglicht es, Textabsätze mit einem Rahmen zu versehen. Wählen Sie, ob Sie einen einfachen Rahmen oder einen Panorama-Rahmen verwenden möchten.

- Schriftgrad
Das Feature Schriftgrad ermöglicht es bei Textabsätzen die Textgröße zu verringern bzw. zu erhöhen. Dabei stehen Ihnen die Werte 80%, 90%, 125%, 150%, 200% und der (rot markierte) Standardwert von 100% zur Verfügung.

- Sichtbarkeit
Hierüber können Sie festlegen, ob ein Absatz nur auf Desktops bzw. nur auf Smartphones oder immer (auf allen Endgeräten) angezeigt werden soll.

StartseiteVorlagenPluginsAdministratorPreiseBestellungProgrammierungWebspaceGästebuchSitemapReferenzenDesign-Mod.

LizenzAGBKontaktImpressumStandortFarbpalette

Nach oben