- - - By CrazyStat - - -

CMSimple_XH Dokumentation



— das kleine modulare Open-Source CMS ohne Datenbank

Sie sind hier: Startseite > Fachthemen > Ein CMSimple_XH Template erstellen > Ein neutrales Templategerüst erstellen

Ein neutrales Templategerüst erstellen

Damit der elementare Aufbau (Grundgerüst) eines Templates im HTML- und CSS- Code nicht per Hand erstellt werden muss, wird in diesem Tutorial ein universeller Onlinegenerator als Arbeitserleichterung zur Hilfe genommen (Referenzlink siehe Linksammlung).
In dieser Anleitung wird anhand des "CSSLayoutGenerator.com" die Nutzung  beispielhaft erklärt, wie das gewünschte Template konfiguriert und zur weiteren bzw. eigentlichen Bearbeitung auf den eigenen PC herunter geladen werden kann.

Anleitung zur Erstellung eines Template Grundgerüstes mittels CSSLayoutGenerator.com

  • CSSLayoutGenerator.com im Browser aufrufen.
  • Als DocType wird für das Template die Voreinstellung "HTML 5" beibehalten.
  • Für den Reset (Grundeinstellung) wird die Option "* {margin: o; padd..." ausgewählt.
  • Für die variable Breite der Website wird die Option "Liquid" mit der Minimalbreite 800 px und der Maximalbreite 1020 px angegeben.
  • Für die Höhe des Headers wird "Height" aktiviert und 150 Pixel angegeben.
  • Für die Höhe des Footer wird "Height" aktiviert und 80 Pixel angegeben.
  • Für die drei nebeneinander liegenden Bereiche (Spalte links, Content, Spalte rechts) wird unter "Sidebars" "2 sidebars", "1 left, 1 right" mit den Weiten (width) 220 px und 200 px angegeben.
  • Unter "Additional options" wird keine Option ausgewählt.
  • Nachdem auf den Button "Get the Link" geklickt wurde, ist auf der anschließend sichtbaren Seite das erstellte Layout des Templates mit einem Fülltext sichtbar.
  • Mit einem Klick auf den dort befindlichen Link "Download .zip archive" wird das gezippte Template zum download auf den PC angeboten und kann auf den PC herunter geladen werden.

Template Erstellen-CSS-LayoutGenerator

Template Erstellen-CSS-LayoutGenerator-Ergebnis1

Hartmut Keil - http://cmsimplexh.webdesign-keil.de - Stand: 01.10.2015
PDF erzeugen