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

Design Kaiser

Das responsive Panorama-Design 'Kaiser' überzeugt mit einem großzügigen Auftritt und dem horizontal angelegten Super-Menü. Das moderne Design basiert auf neuesten technischen Standards und passt sich automatisch dem verwendeten Endgerät an.

Hinweis: Zur optimalen Darstellung seitenbreiter Panorama-Elemente verzichtet das Design auf eine Sidebar.

Hinweis: Das Design Kaiser 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: 31
  • Farbpaletten: 31
  • 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 3
  • Bildschirmauflösung: responsiv
  • Bemaßung in Pixel: Logo 1920 x 640 ~ 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.

- Ausrichtung Seitenüberschrift
Über diese Option definieren Sie die Ausrichtung aller Seitenüberschriften Ihrer Präsenz. Wählen Sie über die Auswahlliste, ob die Seitenüberschrift linksbündig, rechtsbündig oder zentriert dargestellt werden sollen.

- 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.

- Cookie Warnseite Position
Hierüber haben Sie die Möglichkeit, den Cookie Hinweis entweder am unteren oder am oberen Seitenrand zu platzieren.

- Downloadschutz für Bilder
Ist die Funktion aktiviert, wird das Kontextmenü deaktiviert, über das Bilder problemlos aus einer Präsenz heraus gespeichert werden können (Grafik speichern unter...). Hinweis: Diese Funktion bietet selbstverständlich keinen sicheren Schutz vor Grafikdiebstahl, dennoch erschwert sie das einfache Übernehmen der Bilder Ihrer Site.

- 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.

- Kopfzeilentext
Diese Option bietet die Möglichkeit, einen Kurztext zu hinterlegen, der in der Kopfzeile am oberen Rand des Designs integriert wird.

- Logo
Doppelklicken Sie auf den Eintrag, um im anschließend geöffneten Dialog Grafik wählen ein Logo auszuwählen, das zentriert im Design oberhalb der Navigation angezeigt wird. Für eine perfekte Integration in die Kopfzeile sollte die Hintergrundfarbe der obersten benutzerdefinierten Farbe (Register Farbpaletten/Benutzerdefiniert im Dialog Design wählen) entsprechen.

- 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.

- Sie sind hier-Navigation
Die "Sie sind hier"-Navigation zeigt dem Besucher anhand eines klickbare Pfades, wo er sich gerade innerhalb der Site befindet. Standardmäßig ist diese Option deaktiviert.

- Skalierung durch Benutzer zulassen
Auf mobilen Geräten können Websites durch eine sog. "Pinch"-Geste skaliert werden. Diese standardmäßig aktivierte Option ermöglicht es mobilen Nutzern, eine Skalierung per "Pinch"-Geste vorzunehmen. Wünschen Sie dies nicht, um z.B. ungewolltes Aktivieren zu verhindern, deaktivieren Sie die Funktion.

- Suchbegriffe vorschlagen
Diese Option ermöglicht es zu wählen, ob dem Besucher während der Eingabe in der Volltextsuche Begriffe als Suchvorschläge angeboten werden sollen. Diese Funktion benötigt einen Webserver, der PHP-Scripts ausführen kann. Außerdem muss der Webbrowser in der Lage sein, AJAX auszuführen.

- Zeichencodierung
Die sog. Zeichencodierung wird im Quelltext in den Meta-Angaben aufgeführt. Die Option Zeichencodierung ermöglicht es bei HTML5-Designs, zu wählen, ob als Bezeichnung ISO-8859-1 oder windows-1252 in den Meta-Angaben verwendet werden soll. Die gewählte Codierung wird in den Quelltext übernommen. Hinweise: Standardmäßig wurde bisher die Codierungsbezeichnung ISO-8859-1 verwendet. Der Validator des World Wide Web Consortiums (W3C) gibt für diese Verwendung nun eine Fehlermeldung (Error) aus. Um diese Fehlermeldung zu umgehen, können Sie die Zeichenkodierung AUF EIGENE GEFAHR auf windows-1252 umstellen. Wichtig: Nehmen Sie die Umstellung auf windows-1252 nur vor, wenn dies von Ihrem Server unterstützt wird.

Erweiterte Eigenschaften auf Hauptseiten-Ebene

- Bild für Eyecatcher
Dieses Feature ermöglicht es, einer Hauptseite anstelle des globalen Eyecatchers eine individuelle Kopfgrafik zuzuweisen.

- Bild für Navigation
Hierüber haben Sie die Möglichkeit, Hauptseiten individuelle Bilder zuzuweisen, die in der Navigation erscheinen. Die Bilder der ersten Ebene erscheinen als erster Eintrag neben den Einträgen der zweiten Ebene. Die Bilder der zweiten und dritten Ebene erscheinen oberhalb des jeweiligen Eintrags.

- 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.

- Eyecatcher ausblenden
Um eine Seite ohne Eyecatcher zu verwenden, aktivieren Sie diese Option. Auf Shop-Seiten (Warengruppen / Produktseiten) wird der Eyecatcher für eine bessere Übersichtlichkeit per default ausgeblendet.

- 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
Diese Option ermöglicht es in Bild-Absätzen, in denen Bilder verwendet werden, deren Breite 100% unterschreitet, zu wählen, ob die Grafik Links, Rechts oder in der Mitte angezeigt werden soll.

- 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.

- Ausrichtung Überschrift
Über diese Option definieren Sie die Ausrichtung der Überschrift des aktuell gewählten Absatzes. Wählen Sie über die Auswahlliste, ob die Absatz-Überschrift linksbündig, rechtsbündig oder zentriert dargestellt werden soll.

- Extra Abstand unten
Diese Eigenschaft ermöglicht es, unterhalb des Absatzes sowohl einen zusätzlichen Abstand einzufügen, als auch den Abstand zum Folgeabsatz zu verringern. Geben Sie einen entsprechenden positiven Wert (Anstand vergrößern) oder negativen Wert (Abstand verringern) in Pixeln im Eingabedialog ein. Bei der Eingabe sind Werte von -40 bis 250 möglich. Beispiel: Der Standard-Abstand beträgt 40 Pixel. Gibt man einen Extra-Abstand von -40 Pixeln ein, ergibt sich ein Abstand von 0, die Absätze "kleben" also ohne Abstand aneinander. Hinweis: Verwenden Sie gleichzeitig die Option Mit nächstem Absatz verbinden, werden die unter Extra Abstand unten gemachten Eingaben ignoriert.

- Grafiken
Diese Funktion ermöglicht es in Tabellen-Absätzen, die Darstellungsgröße eingefügter Grafiken und Symbole zu definieren. Standardmäßig werden Bilder, die in eine Tabelle eingefügt werden, in der Größe der Tabellenzelle angepasst. Dies kann dazu führen, dass kleine Bilder, die in eine Tabelle integriert wurden, in der Site vergrößert und damit ggf. gerastert dargestellt werden. Die Option Grafiken ermöglicht es zu wählen, dass kleine Grafiken nicht vergrößert werden.

- 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.

- Maximale Bildbreite
Diese Option ermöglicht es in Bildabsätzen, die maximale Breite des in die Site eingebundenen Bildes festzulegen. Doppelklicken Sie auf die Option, um die Auswahlliste mit den entsprechenden Werten zu öffnen. Zur Auswahl stehen hier: 100% (Standard), 75% oder 50% sowie eine feste Breite von 640, 512, 480 oder 320 Pixeln. Wählen Sie den gewünschten Prozentsatz oder Pixelwert aus und drücken Sie OK, um ihn als maximale Bildbreite zu übernehmen.

- Mit nächstem Absatz verbinden
Aktivieren Sie die Option Mit nächstem Absatz verbinden, wird der Abstand zum Folgeabsatz auf 0 gesetzt. Hinweise: Die Option greift nur dann, wenn der Folgeabsatz nicht mit einer Überschrift eingeleitet wird. Ist die Option aktiviert, wird die ggf. verwendete Funktion Extra Abstand unten ignoriert.

- 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