Reference guide for themers (Deutsch)

From toendaCMS Wiki

Zurück zur API Reference

{{translateme}}

Tutorial

Eigene Themes zu erstellen ist mit toendaCMS sehr einfach. Sie können mit einem WYSIWYG Editor, wie zum Beispiel NVU oder Dreamweaver Ihr neues Template erstellen. Erstellen Sie eine HTML Seite mit diesen Programmen. Sie können aber auch händisch Ihre Seite mit einem Texteditor Ihrer Wahl erstellen.

Nach der Erstellung müssen Sie alle toendaTemplate Steuerkommandos einfügen. Sie können dies manuell erledigen, oder komfortabler über den Layout-Editor im Backend des toendaCMS-Systems realisieren.

ACHTUNG: Bevor Veränderungen an den vorhandenen Templates möglich sind, das Verzeichnis ./theme mit deren Unterverzeichnissen und Dateiinhalten mit chmod 0777 belegen. Sonst ist kein Editieren der Dateien aus dem CMS möglich!

Zuletzt benennen Sie Ihre HTML-Datei nach index.php um.

(Zur Zeit fehlt noch eine genaue Auflistung, welche weiteren Dateien zwingend für ein eigenes Theme benötigt werden, auch eine ausführlichere Anleitung ist in Arbeit!)

Benötigte Dateien für ein Template

• index.php - Die Template Maindatei
• thumbnail.jpg - Screenshot des Template mit der AUflösung von 150px in der Breite
• index.xml - Eine Beschreibungsdatei

Benötigte CSS Klassen

Dies ist eine Liste aller benötigten CSS Klassen für toendaCMS.

Wichtige Klassen

html, body
form, input, textarea
.hr_line - Diese Klasse ist für Linien
.menutitle - This is THE CLASS for all titles of all extensions and menus
.image - Default class for all images
.contentFooter - Footer

Websitehead and Sitetitle

.sitelogo - If you have an logo for your site, it has this class
.title - ...
a.index - Der Seitentitel ist ein Link, also diese Klasse auch mit beschreiben.
.subtitle - Der Untertitel benötigt auch ein gutes Aussehen.

Forms and Inputfields

.inputtext - Dies ist die Klasse die für alle Eingabefelder gültig ist.
inputtextarea - Diese Klasse beschreibt die großen Eingabefelder, auch Textareas genannt.
.inputbutton - Die Standardklasse für alle Buttons auf der Webseite.
.searchform - Diese Klasse betrifft ganz speziell das Suchfeld.
.loginform - Und diese das komplette Formular um die Logineingabefelder.
.logintext - Und diese beschreiben die Eingabefelder für das Login im einzelnen, sie sind gut geeignet um die Breite der Logineingabefelder zu bestimmen.

Mainpage and content on the frontpage

.titleBG - Dies ist DIE Überschrift über verschiedene Elemente.
.contentheading - Die Überschrift über allen Seiten, aber nicht für die News
.contentstamp - Die 2. Überschrift, gehört zur Klasse .contentheading
.contentmain - Der komplette Text, gehört zur Klasse .contentheading
.book_content - Der Text im Gästebuch
.sideheading - Die Überschrift fü die Seiteninhalte, aber nicht für die Extensions (Seitenmodule)
.sidemain - Der Text für die Seitenleiste, gehört zur Klasse .sideheading
.gallery_text - The text on the imagegallery is styled with this class.
.text_small - Kleine Textgröße
.text_normal - Normale Textgröße
.text_big - Große Textgröße
.text_huge - Riesige Textgröße

News

.news_title_bg - Neuigkeitentitel, dieser benutzt für die Schriftgröße zusätzlich die Klasse .text_huge
.news_content_bg - Diese Klasse bestimmt das gesamte Aussehen der Neuigkeiten, bis auf den Titel
.news_content_box - Diese Klasse bestimmt ausschliesslich den Text der Neuigkeit, also nicht die Zeit oder die Kategorien
.comment_title - Kommentar Titel
.comment_text - Kommentar Text
.newsSubmit - Klasse für das Textfeld um Neuigkeiten von der Frontseite aus zu erstellen
.newsCategories - Der Text der Neuigkeiten Kategorien in der Seitenleiste

Special classes for different modules

.download_top - Kopf der Download's Tabelle
.poll_sheet - Formatierung für das Umfragemodul
.poll_sidebar - Formatierung des Umfragemoduls in der Sidebar
.imptitle - Impressum Titel
.impoffice - impressum Formatierung

Search

.search_result_bar - Diese Klasse bestimmt das Aussehen der Titel für die Suchergebnisse
.search_result - Und diese Klasse bestimmt das Aussehen der Texte für die Suchergebnisse

Links

.pathway - The pathway
a.pathway - Style of the links in the pathway
.legal - Footertext
a.legal - Style of the links in the footertext
a.mainlevel - Menuitems in the sidemenu
a.submenu - Submenuitems in the sidemenu
a.toplevel - Menuitems in the topmenu
a.toplevelActive - Active topmenuitem
a.main - Defaultlink

toendaCMS Shop (the beginning)

.products_top - Diese Klasse bestimmt das Aussehen der Titel für die einzelnen Produkte
a.products_top - Und diese Klasse bestimmt das Aussehen des Links in den Produkttiteln

toendaCMS Forum (the beginning)

.user_profile_title - Die Zwischentitel der Werte im Benutzerprofil

toendaTemplate: Sidebar Module's

• <? include(_SIDE_MENU); ?> - Seitenmenu
• <? include(_SIDE); ?> - Seiteninhalte
• <? include(_LOGIN); ?> - Login
• <? include(_CATEGORIES); ?> - News Kategorien
• <? include(_SIDE_LINKS); ?> - Seiten Link Liste
• <? include(_POLL); ?> - Umfrage
• <? include(_SHOW_LC); ?> - Layout Changer
• <? include(_NEWSLETTER); ?> - Newsletter
• <? include(_CS); ?> - Komponenten System
• <? include(_SYNDICATION); ?> - RSS Feeds
• <? include(_LAST_IMAGES); ?> - Bilderliste
• <? include(_SEARCH); ?> - Suche
• <? include(_FRONT_NEWS); ?> - News in der Seitenleiste
• <? include(_MONTHVIEW); ?> - News Archiv