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

Design Tallinn

Das technologisch ausgefeilte responsive Design 'Tallinn' ist ein Panorama-Design par excellence. Sowohl Eyecatcher als auch Content werden seitenbreit dargestellt, dabei ist das Einbinden einer Sidebar optional.

Der großformatige Eyecatcher ermöglicht sowohl das Integrieren seitenspezifischer Grafiken als auch individueller Slider. Und die weiteren vielfältigen Erweiterten Design-Eigenschaften sorgen für multiple zusätzliche Konfigurationsoptionen, die einen einzigartigen Webauftritt möglich machen.

Als responsives Design passt sich Tallin an das verwendete Endgerät (Desktops oder kompatiblen Smartphones / mobile Geräte / Tablets) und bietet somit allen Besuchern ein optimales Surf-Erlebnis.

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: 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 1100 x 618 ~ Content 1038 ~ Sidebar 768

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 Kontextspalte
Diese Option ermöglicht es, die Position der Sidebar in der online gestellten Präsenz (rechts/links) zu definieren.

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

- Breite Kontextspalte
Hierüber können Sie die Breite der in das responsive Design integrierten Sidebar definieren: Schmal, Normal oder Breit.

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

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

- Hintergrund-Effekt
Diese Eigenschaft ermöglicht das Auswählen eines Effekts, der dezent auf den Hintergrund der Site angewendet wird. Wählbar sind (Keiner), Raster, Schraffur oder Verlauf.

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

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

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

Erweiterte Eigenschaften auf Hauptseiten-Ebene

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

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

- 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