richu173 und richu173B

Das Template ist ab Internet Explorer 9 kompatibel.
Das responsive Template richu173 und richu171B ist für CMSimple_XH 1.7.0 und höher optimiert.
Ist aber auch für CMSimple_XH 1.6.9 kompatibel, ältere Versionen habe ich nicht getestet.
Templates richu173 und richu173B sind bis auf den installierten Flexslider in richu173B im Header identisch.
Die zwei Templates sind responsive und sind auch für mobile Geräte geeignet.
Navigation Hamburger Grünenbergpass Menu level 1-9. (CMSimple_XH 1.6- bis 1.6.9 Menu level 1-3)
Überschriften, Seiten und Newsboxen von h1 bis h6.
Vier Newsboxen, jeder der vier Newsboxen öffnet sich erst wenn auf das News-Button geklickt wird. Bei einem Seiten wechsle werden die vier Newsboxen erneut geschlossen angezeigt.
Icons, Bearbeitet Google Material Icons. / www.google.github.io/material-design-icons/
Standard-Schriftart. / www.fonts.google.com/
License ©: Dieses Templates darf privat sowie kommerziell verwendet werden. Lizensiert unter der Creative Commons Attribution 3.0 Unported. www.creativecommons.org/licenses/by/3.0/ch/
Jedoch muss der jeweilige Link auf richukunst zwingend beibehalten werden.
In CMSimple_XH 1.7.0 werden die zwei © License Links (CMSimple_XH 1.7.0 + richukunst), auf der Seite Site/CMS Info angezeigt. Platziert ist der Link unten in der Fusszeile. (neue poweredByLink() Funktion)
In CMSimple_XH 1.6- bis CMSimple_XH 1.6.9 werden die zwei © License Links wie bisher in der Fusszeile angezeigt.
W3C-validiertes HTML und CSS, keine Fehler. In UTF-8 ohne BOM. Developer Tools W3C Developers

Browserpräfix

Browserpräfix oder Vendorpräfix bezeichnet man eine kurze Zeichenkette, die Browserhersteller den eigentlichen Bezeichnern voranstellen, wenn sie experimentelle Funktionen implementieren. Quelle
Mit einem Prefix vor dem eigentlichen CSS-Code spricht man die browserspezifische Implementierung an. Zum Beispiel in Firefox, -moz-border-radius:8px; oder für Safari/Chrome -webkit-border-radius:8px;. In meinen Templates verzichte ich auf Browserpräfix Einträgen in meiner CSS-Datei. Ich verwende dafür die JavaScript Datei (.js) prefixfree.min.js von leaverou.github.io. Prefixfree.min funktioniert hinter den Kulissen und fügt dem aktuellen Browser mittels dem prefixfree.min.js das passende Browserpräfix hinzu.

Tipp YouTube Video

YouTube Video responsive in Webseite einfügen, der CSS Code ist bereits im Template eingefügt, beachten Sie die Anleitung.

Code ist W3C-validiertes CSS und HTML, keine Fehler. Am Ende des Videos werden keine weiterführenden Videos angezeigt.

Vilen Dank für Dein Demo Video Martin.
Mehr Videos von Martin Urs Klöti auf YouTube oder besuchen Sie seine Webseite silvergym.ch.

Tipp Google Maps

Google Maps responsive in Webseite einfügen, der CSS Code ist bereits im Template eingefügt, beachten Sie die Anleitung. Code ist W3C-validiertes CSS und HTML, keine Fehler. Kann auch in Newsboxen verwendet werden.

Tipp FlexSlider

Template richu173B mit FlexSlider, sonst identisch mit richu173. Kopieren Sie das Template und ergänzen Sie den Template-Namen z.B. mit Home und laden das Template richu173Bhome in Ihre Installation hoch. Im Editor Seite anklicken im Feld Seitentemplate können Sie nun richu173Bhome wählen und speichern, nun wir für diese Seite nicht mehr das Standard Template angezeigt. Diese Aktion können Sie beliebig oft wiederholen und immer wieder Seitentypische Bilder einsetzen.

Tipp Newsboxen

Die vier Newsboxen werden Standardmässig mit News01 bis News04 angezeigt, wie Sie das ändern ist in der PDF Anleitung beschrieben.

Anleitung für Templates richu173 und richu173B ist im Download in einer PDF enthalten.

Browser Test: from version Internet Explorer 9-11, Microsoft Edge, Firefox 53.0.3, Opera Version 45.0.2552.88, Google Chrome Version 58.0.3029.110,

Tipp Template Demo

Besuchen Sie meine Templates Demo Homepage mit allen Templates von richukunst. Wählen sie oberhalb des Seitentitels eines der Templates aus und testen die Templates. (Theme)

free template download richu173 für CMSimple_XH

free template download richu173B für CMSimple_xH

Template richu173B mit FlexSlider, sonst identisch mit richu173.