T.O.C.A.S.

xxx

„T.O.C.A.S.“ heißt nichts anderes als „Touch Or Click And Swipe“. Ein besserer Name fiel mir einfach nicht ein.

 

*** Remember to change the login password immediately ***

Please read the readme.txt in the root folder of the download.

Please read about file permissions and security settings in the CMSimple_XH Wiki »

About the terms of license you may have a look at www.cmsimple-xh.org »

English IMPORTANT ADVICE

DO NOT change the password directly in config.php by using a text editor. Change the default password right away after login ONLINE (login with default password).

This is the easiest and best working way.

For editing CMSimple_XH files it is essential to USE ONLY editors, capable of detecting, opening and saving files as "utf-8 without BOM" (Byte Order Mark), like notepad++.

If this condition is not fulfilled, you will damage your CMSimple installation.


Deutsch WICHTIGER HINWEIS

Bitte ändern Sie das Standard Passwort NICHT direkt in der config.php mit einem Text Editor. Ändern Sie das Standard Passwort nach dem Login ONLINE  (Login mit dem Standard Passwort).

Zur Bearbeitung der CMSimple_XH Systemdateien sollten Sie ausschliesslich einen Code Editor wie z. B. notepad++ benutzen, der die Codierung "utf-8 ohne BOM" (Byte Order Mark) erkennt, die Dateien entsprechend öffnet und auch wieder abspeichert.

Wenn Sie die Systemdateien in einer anderen Codierung als "utf-8 ohne BOM" abspeichern, kann es zu Problemen mit verschiedenen Funktionen von CMSimple_XH kommen.

There are 2 user manuals available:


The CMSimple_XH links

If you use an original or modified CMSimple_XH template, please leave the template-link at the bottom of the template. You may extend that link this way:

If you use another template inside a CMSimple_XH installation, we kindly ask that you link back to www.cmsimple-xh.org or www.cmsimple-xh.org/de in your template. This is a nice way to popularize the CMSimple_XH project, which will benefit in the long run all users.

Menu Levels & Headings

HMTL provides 6 headings, h1-h6, from big to small. CMSimple_XH uses the bigger headings for splitting the content into webpages. It is like a book, where a big heading starts a new chapter. The remaining smaller headings are used as headings within the web page, just as in a book, where smaller headings are used within a chapter. The book itself is the unit containing the complete text, corresponding in CMSimple_XH to the content file. A chapter in the book corresponds to a web page.

In Settings/CMS you can set the number of levels for your page menu navigation. Preset is 3, i.e. CMSimple_XH will use headings h1–h3 for splitting up the content file into web pages. Thus an h1, h2 or h3 heading will create a new web page in the table of contents. The remaining h4, h5 and h6 headings will not. They can be used as headings within a web page.

If you set 4 levels, h4 also will be used for new web pages. If you set only 2 levels, h3 and h4 can be used as headings within a web page. However in most cases 3 levels is a good compromise.

Preset is 3 menu levels, i.e. h1–h3 will create new web pages.
For headings within a web page use h4–h6.

Starting with CMSimple_XH 1.5 the plugin Pagemanager is included in the download. Pagemanager simplifies creating, renaming, moving and deleting of web pages.

Even complete folders with subfolders can be moved or deleted with Pagemanager.

Thus it should be no problem to get rid of the contents of this standard download. Alternatively you could start with the present page structure, rename pages and overwrite the contents.

Menu Level 2 – Page 1

An h2 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Menu Level 3 – Page 1

An h3 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Menu Level 3 – Page 2

An h3 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Menu Level 3 – Page 3

An h3 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Menu Level 2 – Page 2

An h2 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Menu Level 3 – Page 1

An h3 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Menu Level 3 – Page 2

An h3 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Menu Level 3 – Page 3

An h3 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Menu Level 2 – Page 3

An h2 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Menu Level 3 – Page 1

An h3 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Menu Level 3 – Page 2

An h3 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Menu Level 3 – Page 3

An h3 heading splits into a new page.

Heading h4

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h5

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Heading h6

Headings h4–h6 do not split the content into new pages, but serve as normal headings to structure your text semantically.

Templates & Plugins

Through the use of a different template you can give your pages a completely different look, and through plugins you can greatly enlarge the functionality of your CMSimple_XH website.

While installing templates or plugins,
please respect the licensing conditions of the authors.

A list of templates and plugins for CMSimple_XH can be found in the CMSimple_XH Wiki »

How to install templates and plugins into CMSimple_XH is also explained in the CMSimple_XH Wiki under user's manual »

CMSimple_XH already comes bundled with several templates, which are shown on the following pages. All these templates are licensed under GPLv3, so they are free to use and modify even for commercial sites.

gonzo-h

A template with a slightly responsive grid layout. Have a look at the accompanying template tutorial or its English translation.

This template was contributed by snafu (composite photo by svasti).

Heading h4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

mini1

A template with a fluid layout, a horizontal menu of the toplevel pages and a vertical menu of the subpages. This template is meant as starting point for the development of other templates. It was contributed by svasti.

The template has some format definitions, which can be applied via the "Formats" or "Styles" selection (designation depends on the editor). 

This is the paragraph format "warning".
This is the paragraph format "important".

This is the paragraph format "small"

This is a standard paragraph with a highlighted word.

There are also 4 formats for left aligned or right aligned images. Here you see left aligned images formatted as "left_horizontal".

Here on the left side the same images are formatted as left.

With a mixture of left and left_horizontal you can group images for instance in 2 by 2, as here on the right side.

Heading h4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

 

n6200tbisGPL3

A responsive template with a horizontal mega menu and an additional vertical menu. This template's stylesheet contains some invalid CSS declarations, which are necessary for compatibility with different browsers.

This template was contributed by Torsten.Behrens. Check out his website for more templates.

Heading h4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

photo11

A template with fixed width table layout already prepared for 5 newsboxes.

This template was contributed by mikey.

Heading h4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

praia

A fixed width template suitable for a small number of toplevel pages only. This template's stylesheet contains some invalid CSS declarations, which are necessary for compatibility with different browsers.

This template was contributed by cmb.

Heading h4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

responsivehtml

A responsive template with a vertical menu that collapses on small screens.

This template was contributed by oldnema. Check out his website for more templates.

Heading h4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

structure1_black

A responsive template with a dark background. The horizontal menu shows only the toplevel pages; subpages can be accessed via the submenu below the page content.

This template was contributed by Tata.

Heading h4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading h6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

Languages

The standard download of CMSimple_XH from version 1.5 onwards comes with English and German language files only.

Please don’t delete the "default" and "en" language files (default.php and en.php), as they serve as default fallback.

German language files are included because the German language user’s community is by far the largest and practically all of the developer’s team is German speaking.

Information and links to language files for other languages can be found here »

Kontakt






Bitte diese Zahl eingeben (Spamschutz)

48965