toendaCMS Wiki

Reference guide for themers

From toendaCMS Wiki

i18n Deutsch English Français Italian Espanol Português do Brasil 繁體中文 简体中文 Русский Slovencina


Back to API Reference


Contents

[edit]

Tutorial

The design and development of a toendaCMS theme isn't difficult at all. First create a HTML page. This can either be done directly writing code, or using a WYSIWYG editor like NVU or Dreamweaver.

This page afterwards has to take all needed "toendaTemplate" commands. The layout editor included in toendaCMS can be used to do this.

Finally rename your HTML file into index.php. And that's it.


[edit]

Needed files for the template

  • index.php - The templates mainfile
  • thumbnail.jpg - Screenshot of your theme in a resolution of 150px
  • index.xml - A description file, use the editor under "Site - Layout Editor" and create a file or use an existing file


[edit]

Needed CSS classes

This is a list of all needed toendaCMS stylesheet classes.

Important classes 

html, body
form, input, textarea
.hr_line - This class is for the lines
.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 - Small textsize
.text_normal - Normal textsize
.text_big - Bug textsize
.text_huge - Huge textsize


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 - Comment title
.comment_text - Comment 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 - Download header
.poll_sheet - Poll formating
.poll_sidebar - The poll div for the sidebar
.imptitle - Impressum office title
.impoffice - impressum office formation


Search 

.search_result_bar - Style for the titles for the search results
.search_result - Style for the text for the search results


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 - The Titles for the values in the user profil.


[edit]

toendaTemplate: Sidebar Module's

  • <? include(_SIDE_MENU); ?> - Sidemenu
  • <? include(_SIDE); ?> - Sidebar content
  • <? include(_LOGIN); ?> - Login
  • <? include(_CATEGORIES); ?> - News Categories
  • <? include(_SIDE_LINKS); ?> - Side link list
  • <? include(_POLL); ?> - Poll
  • <? include(_SHOW_LC); ?> - Layout Changer
  • <? include(_NEWSLETTER); ?> - Newsletter
  • <? include(_CS); ?> - Components system
  • <? include(_SYNDICATION); ?> - RSS Feeds
  • <? include(_LAST_IMAGES); ?> - Imagelist
  • <? include(_SEARCH); ?> - Search
  • <? include(_FRONT_NEWS); ?> - News in the sidebar
  • <? include(_MONTHVIEW); ?> - News archives
Retrieved from "http://wiki.toendacms.org/index.php/Reference_guide_for_themers"