Mit den Optionen in diesem Fenster können Sie die Stile für die in der Website verwendeten Texte definieren.
Ein Stil kann im Allgemeinen als eine Gesamtheit von Textformatierungen und grafischen Eigenschaften verstanden werden, die auf ein Element angewendet werden, um sein Erscheinungsbild zu verändern. Die Anwendung eines Stils ermöglicht die gleichzeitige Zuweisung mehrerer Formatierungsoptionen in einem einzigen Arbeitsschritt.
Wählen Sie zunächst aus dem Drop-Down-Menü das Seitenelement, dessen Stil Sie gestalten möchten. Alternativ können Sie auch direkt in den entsprechenden Bereich der Vorschau klicken.
Im Einzelnen können folgende Seitenelemente durch Anwendung eines Stils gestaltet werden:
|
Seitentitel: Dies ist die Überschrift der Seite. Hier wird der Name übernommen, der den Seiten beim Erstellen der Sitemap der, falls verschieden, unter Seitentitel im Dialogfenster Eigenschaften der Seite gegeben wurde. |
|
Seitenpfad: Dieser Text steht direkt unter dem Seitentitel und zeigt den Pfad zur aktuellen Seite (Breadcrumb-Navigation). Der logische Pfad wird automatisch vom Programm erstellt. |
|
Header: Mit dieser Option können die Überschriften von Absätzen und Unterabsätzen der Seite als Header festgelegt werden. Sie können bis zu sechs Header-Ebenen festlegen: Wenn Sie in der Edition Pro, im Fenster Statistiken, SEO und Code | SEO die Option Tags H1..H6 für die Header des Templates einstellen aktivieren, wird bei Anwendung eines Header-Stils automatisch das entsprechende Tag <h1>..<h6> dem Text zugeordnet. |
|
Seitentext: Dies ist der eigentliche Seiteninhalt, der im Objekt Text. eingegeben wurde. Der Stil dieses Elements wird automatisch angewendet, wenn Sie im Editor des Objekt Text. Durch die Veränderung des Stils werden automatisch alle Texte, auf die er angewendet ist, aktualisiert. Mit den Befehlen, die vom Texteditor zur Verfügung gestellt werden, können weitere Änderungen und Anpassungen vorgenommen werden, die durch Klicken der Schaltfläche Der für dieses Element definierte Stil wird auch auf alle Texte angewendet, die das Programm automatisch generiert und einfügt, beispielsweise auf die Seiten des Geschützten Bereichs, des Blogs, der internen Suchmaschine und der Sitemap. Die für dieses Element eingestellte Schrift wird als Standardschriftart für die Texte der Website verwendet und im Drop-Down-Menü für die Auswahl der Schriftart angezeigt. |
|
Link: Dies sind die Hyperlinks, die im Objekt Texterstellt wurden. Ein Hyperlink kann je nach Status unterschiedlich aussehen. Unterschieden wird zwischen aktiven Links, Verlinkung bei Mauskontakt (Mouseover) und verwendeten Links. Einen aktiven Link visuell von einem bereits verwendeten zu unterscheiden, erleichtert dem Besucher die Navigation, da er sofort sieht, welche Bereiche er bereits besucht hat. |
|
Feld / Button: Felder und Schaltflächen der Formulare, die im Objekt Objekt Kontaktformular, im Objekt Objekt Suche oder im Warenkorb für E-Commerce erstellt wurden, die Login- und Logout-Felder im geschützten Bereich usw. Der Stil dieser Elemente wird standardmäßig definiert, wenn Sie ein neues Objekt Kontaktformular erstellen. Die Einstellungen für das einzelne Modul können anschließend mit den Optionen im Objekt Kontaktformular | Stil geändert werden. |
|
Button für Rückkehr zum Seitenanfang: Dieser Button wird am Seitenende angezeigt und ermöglicht dem Benutzer, direkt zum Anfang derselben Seite zurückzukehren, ohne manuell wieder nach oben scrollen zu müssen. |
Nach Auswahl des Seitenelement können Sie es mit folgenden Optionen des Bereichs Stil gestalten:
| ▪ | Anzeigen: Mit dieser Option legen Sie fest, ob das jeweilige Seitenelement angezeigt werden soll oder nicht. Für das Element Seitentext sind die Link-Zustände, Felder und Schaltflächen der Module nicht verfügbar, da diese nicht ausgeschlossen werden können. Bitte berücksichtigen Sie: Wenn Sie ein Seitenelement unsichtbar machen, bleibt es dennoch im Code der Seite erhalten. Wenn Sie zum Beispiel den Seitentitel Bitte berücksichtigen Sie: Wenn Sie ein Seitenelement unsichtbar machen, bleibt es dennoch im Code der Seite erhalten. Wenn Sie zum Beispiel den <title> aus dem HTML-Code entfernen. |
| ▪ | Element: Auswahl der Header-Ebene (Header 1 – Header 6) oder des Linkstatus (Aktiver Link / Verlinkung bei Mauskontakt / Bereits verwendeter Link) für den Stil. |
| ▪ | Hintergrundfarbe / Textfarbe: Mit Klick auf die Schaltfläche Farbe öffnet sich die Farbpalette, in der Sie die Farbe für den Hintergrund und den Text des Seitenelements auswählen können. Nur für den Seitentext kein Hintergrund festgelegt werden, da dieser von dem gewählten Template (siehe Auswahl des Templates) und/oder vom Objektstil in den das Objekt Text eingefügt wurde. Analog kann auch die Hintergrundfarbe für den Button für Rückkehr zum Seitenanfang nicht eingestellt werden, weil diese vom gewählten Stil abhängt. |
| ▪ | Schriftart: Definiert die Schriftart, den Schriftschnitt und die Größe des Textes. Elemente des Drop-Down-Menüs: Liste der Safe-Fonts, also der Fonts, die auf allen Geräten verfügbar sind und daher nicht veröffentlicht werden müssen, sowie alle Google-Fonts und Web-Fonts, die im Fenster Web-Font mit dem Befehl Andere Schriftarten hinzugefügt wurden. |
| ▪ | Ausrichtung: Wählen Sie hier, ob das Seitenelement Links, Zentriert oder Rechts ausgerichtet sein soll. Diese Option ist für die verschiedenen Links nicht verfügbar, da die Ausrichtung der Hyperlinks unabhängig vom Stil bei der Erstellung des Objekt Text, weder für die Felder und Buttons. |
| ▪ | Textstil: Diese Option ist nur für die verschiedenen Links verfügbar und Sie können zwischen Normal und Unterstrichen wählen. |
| ▪ | Mauszeiger: Diese Option ist nur für Aktiver Link verfügbar und wird für die beiden anderen Linktypen übernommen. Sie können festlegen, wie der Mauszeiger aussehen soll, wenn er über einen Link bewegt wird. Klicken Sie auf die Schaltfläche  und wählen Sie eine Datei .CUR oder .ICO aus. |
| ▪ | Randfarbe: Definiert die Farbe der Ränder, die dem Seitentitel, dem Seitenpfad, einem Feld und dem Button der Module oder dem Menü am unteren Seitenrand hinzugefügt werden können. |
| ▪ | Breite: Randbreite des Felds und des Buttons der Module, auch einzeln. |
| ▪ | Abgerundete Ecken: Definiert die Rundung der Ecken des Felds oder des Buttons der Module, auch einzeln. |
| ▪ | Rand: Stellen Sie hier die Breite der internen Ränder der Texte von Feld und Button in Pixeln ein. In diesem Fall werden anstelle der Header hingegen die Werte des oberen und unteren Randes definiert. |
| ▪ | Schatten: Fügt im Feld einen Schatten ein, dessen Farbe, Position, Streuung und Breite definiert werden können. |
| ▪ | Horizontaler Seitenrand: Definiert den horizontalen Seitenrand des Seitentitel, des Seitenpfad und des Menü am unteren Seitenrand. |
| ▪ | Stil: Grafische Gestaltung der Schaltfläche für die Rückkehr zum Seitenanfang urch Auswahl der verfügbaren Optionen. Dem Button wird automatisch ein Mouse Over-Effekt hinzugefügt, um die Nutzung zu stimulieren. |
