richu176 (3 Templates)
- © 2017 by Kircher Richard www.richukunst.ch
- Das Template ist ab Internet Explorer 9 kompatibel.
- Die responsive Templates richu176, richu176b und richu176c 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.
- Die Templates richu176, richu176b und richu176c sind bis auf die farblichen Design unterschiede identisch.
- Die drei 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.
- Hintergrundbild: Richard Kircher richukunst.
- 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.
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.
Der 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.
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. Der Code ist W3C-validiertes CSS und HTML, keine Fehler. Kann auch in Newsboxen verwendet werden.
Tipp Newsboxen
Die vier Newsboxen werden Standardmässig mit News01 bis News04 angezeigt, wie Sie das ändern ist in der PDF Anleitung beschrieben.
Bildergalerie Lightbox
Die Lightbox ist von Lokesh Dhakar: www.lokeshdhakar.com
Der Code ist bereits in der template.htm Datei eingefügt und der Ordner lightbox ist im Template eingefügt. Der Code ist W3C-validiertes CSS und HTML, keine Fehler. Sie müssen nur den Einbettungscode an Ihre Fotos anpassen. Die Beispiel Bildergalerie wurde mit Editor zentriert ausrichtet in die Seite eingefügt. Wie Sie die Fotos in Ihre Seite einfügen ist in der Anleitung Lightbox in richukunst Templates beschrieben.
Anleitung für die Templates der Reihe richu176 ist im Download in einer PDF enthalten. 
Anleitung richu176
Browser Test: from version Internet Explorer 9-11, Microsoft Edge, Firefox 55.0.3, Opera Version 48.0.2685.32, Google Chrome Version 61.0.3163.100,
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. (Templates) Die Templates richu176, richu176b und richu176c sind bis auf die farblichen Design unterschiede identisch.
free template download richu176 für CMSimple_XH
free template download richu176b für CMSimple_xH
