Wie wird ein Style in myty gepflegt?

Klicken Sie zunächst auf das Modul "Templates" und Sie erhalten in der linken Navigationsleiste das Modul "Stylesheets". Dort haben Sie die Möglichkeit über die kleine Iconleiste eine erste Vorauswahl zu treffen.

Folgende Unterscheidungen gibt es:

• Absatzformate
• Zeichenformate
• Listenformate
• Gerüstformate
• Formularformate
• Objektformate
• sonstige Formate
• nicht zugeordnete Formate

Am Ende der "Stylesheet"-Box können Sie über das kleine Plus-Icon einen neuen Stil definieren. Sie erhalten nach dem Klick auf das Icon eine neue tabellarische Ansicht.

Hier haben Sie die Möglichkeit nach einem bereits definierten Stylesheet zu suchen - beachten Sie aber hierbeit, dass Stile von extern eingebundenen CSS Datein nicht berücksichtigt werden - oder sich die Liste an definierten Stilen anzuschauen.

Im Container "Stylesheet hinzufügen" definieren Sie Ihren neuen Stil. Im ersten Eingabefeld (welches leer ist) können Sie nun eine Bezeichnung definieren und aus dem Auswahlfeld daneben eine bestehende Kategorie auswählen. Setzen Sie nun den Haken in der Checkbox "Anzeige in der Werkzeugleiste", damit Sie auf Ihren neuen Stil über die myty Toolbar zugreifen können.

Anschließend müssen Sie noch die Felder "Klassenname" und "CSS" ausfüllen, sowie eine Template Vorlage auswählen, in der der neue Stil verfügbar sein soll.

"Klassenname": CSS Klassennamen sollten Sie wie in einer CSS Datei benennen, dass heißt mit führendem Punkt. Die sonst notwendigen geschweiften Klammern ( {} ) sind nicht notwendig. Hier ein Beispiel: .meineNeueKlasse

"CSS": Im CSS Feld tragen Sie nun ganz normal Ihre Definitionen ein. Jede Definition wird mit einem Semikolon getrennt. Beispiel: font-size:24px; font-weight: bold; color: #FF000;

In diesem Beispiel haben wir als Stil-Kategorie "Zeichenformate" gewählt und der Template Vorlage "Standard Vorlage". Nun steht Ihnen in der gewählten Vorlage über die myty Toolbar und dem Icon "Zeichenformat" wählen die neue CSS Klasse "meineNeueKlasse" zur Verfügung.

Markieren Sie nun den Text, den Sie mit der Klasse auszeichnen wollen und klicken Sie anschließend auf das Zeichenformat-Icon und wählen die neue Klasse aus. Jetzt wird der Text entsprechend groß, fett und in rot formatiert.

Mit weiteren HTML Kenntnissen können Sie so auch das Verhalten und Aussehen von Standards wie Tabellenspalten oder -zeilen, Eingabefeldern, Auswahlboxen und Buttons ändern.