Template JekyllAndHyde

Das Template „JekyllAndHyde“

Responsive Template für das Flat-File-CMS CMSimple_XH

Voraussetzung:
CMSimple_XH ab Version 1.7.0 (Template sollte auch mit früheren Versionen kompatibel sein)
PHP-Version > 5.4.0
Plugin Fa_XH (in CMSimple_XH ab 1.7.0 bereits enthalten)
jQuery (in CMSimple_XH enthalten - wird durch das Template eingebunden). Scripts getestet mit jQuery Core 3.2.1

Menü

Sticky-Menü nach Scroll (Menülevel1-3) & Mobile Menü (Viewport < 800px) - Responsive & Touch-friendly.
Das Menü kann „beliebig“ erweitert werden, die Tabs fließen dann in eine neue Reihe (In den Sprachen en und fr kann das Menü getestet werden)

Newsboxen

  • Newsbox „headnav“ (Link 1, Link 2, Link 3, )
  • Newsboxslider mit 4 Newsboxen (News01, News02, News03, News04)
  • 3 Info-Newsboxen im Footer (News10, News11, News12)

Besonderheiten

  • Template Sprachdateien für mehrsprachige Webseiten (Texte zu ändern im Template-Ordner languages/*.php)
    Texte angelegt für: Logobox, Slogan, Impressum, Datenschutz, Kontakt, Sitemap
  • Die css-Dateien (stylesheet.css und lck_ddmenu.css) beinhalten optionale Styles, z.B. für das Menü, Header overlay-color, Newsslider Animation und mehr, die bei Bedarf aktiviert werden können
  • Backend Administration erfolgt erstmals über ein „Mini-Admintemplate“ (kein störender Header, smartes Menü)

Da das Template doch etwas komplex ist und um den Einstieg leicht zu machen, wird das Template mit einer content.htm ausgeliefert die alle benötigten Newsboxen beinhaltet, auch Testbilder für die Seite Template spezifische Styles. Dateien einfach in die vorgegebenen CMSimple_XH - Ordner entpacken, bereits existierende content.htm vorher sichern um ein Überschreiben zu vermeiden. Das Language-Menü erscheint im Header, sobald eine Zweitsprache angelegt ist.

Schriften

Standard-Schriftart: „Roboto“ von Google-Fonts.
Schriftformate: font-style: normal (font-weight: 300, 400 und 700) und font-style: italic (font-weight: 300, 400 und 700).

Überschriften H1 - H6: „Oswald“ von Google-Fonts.
Schriftformate: font-style: normal (font-weight: 400).

Icons

Font Awesome - Icons (Plugin Fa_XH - in CMSimple_XH ab Version 1.7.0 bereits enthalten)

Bilder

Header Hintergrundbild: pixabay.com

Danksagung

Vielen Dank dem großartigen CMSimple_XH-Forum und an den Erfinder von CMSimple Peter Harteg

Lizenz

Für private und kommerzielle Seiten nutzbar, unter Einhaltung von GPLv3 verwendbar.
Die Rechte Dritter bleiben unberührt. Siehe auch Hinweise auf der Hauptseite

Hinweise

Der Inhalt dieser Seiten ist nur zum Testen des Templates gedacht - Kein aktueller Inhalt!

Das Template konnte nicht mit allen Browsern, Geräten und Systemen getestet werden. Daher die Bitte, testet das Template vor einem produktiven Einsatz ausgiebig. Probleme oder Fragen bitte im CMSimple_XH-Forum posten.