Letzte Bearbeitung: 1. Januar 2021 um 12:50
Haftungsausschluss
Haftungsausschluss sieh links Die Inhalte dieser Seiten wurden mit größter Sorgfalt erstellt. Der Betreiber übernimmt keinerlei Verantwortung oder Haftung für die Angaben auf dieser Webseite. Sein Ziel ist es, allgemeine und spezielle Informationen bereitzustellen. Allerdings kann nicht garantiert werden, dass die auf dieser Webseite verfügbaren Angaben tatsächlich aktuell, umfassend, komplett oder genau sind. Bei den bereitgestellten Informationen handelt es sich um solche allgemeiner Art, die nicht auf die besonderen Bedürfnisse bestimmter Personen oder Interessengruppen abgestimmt sind. Insbesondere soll durch sie keine rechtliche/fachliche Beratung erfolgen und keine kommerziellen Interessen verfolgt werden. Sofern von dieser Webseite auf andere Webseiten verwiesen wird, kann der Betreiber deren Inhalt nicht beeinflussen und für diesen auch keine Verantwortung übernehmen.
Der nachstehende Text wurde von der Website www.disclaimer.de übernommen.
Bildquellen
Bilder (Slideshow und Artikelbilder) von Peggy und Marco Lachmann-Anke
« vorige Seite | Seitenanfang | nächste Seite »
Neues Template für CMSimple_XH 1.7.x
Basierend auf meiner Template - Weiterentwicklung fhs-basic-all habe ich eine neue Generation erstellt.
Zitat von https://template.lembach-cmsimple.de/?Template-krl-3col-flex :
Allgemeine Beschreibung
Allgemeine Beschreibung
Es handelt sich um ein klassisches 3 oder 2-spaltiges responsives Template mit vielen Möglichkeiten durch Parameter das Verhalten, das Aussehen und die Farbgebung zu beeinflussen.
Da die Einstellungen alle über Parameter festgelegt werden, die in einer Web-Oberfläche eingestellt werden, ist zum Ändern der Parameter keinerlei Eingriff in den Code / die Dateien des Templates notwendig.
Ganz oben der Header-Bereich mit Hintergrundbild(ershow), dem Webseiten-Logo links und Motto-Spruch rechts.
Darunter wird dieser Bereich von einer Navigations- und Aktionszeile eingefasst.
Der Hauptteil besteht links aus dem Menü, das sich für Unterpunkte aufklappt.
Der eigentliche Content-Bereich befindet sich in der mittlewren Spalte.
Und rechts gibt es eine optionale dritte Spalte für bis zu vier News / Begleitartikel zun Hauptcontent.
Nach unten abgeschlossen wird die Seite durch einen Footer-Bereich mit den üblichen Links.
Grundlegende Einstellungen in der Konfiguration des Templates
Der Header-Bereich kann detailliert eingerichtet werden.
Das/die Bilder für die Hintergrundbildershow kann ausgewählt werden, ebenso das Logo auf der linken Seite.
Auf der rechten Seite kann ein Mottotext definiert werden.
Beide, Logo und Motto-Text werden mit einer mehr oder weniger transparenten Farbhinterlegung versehen.
Die Farben des Textes und der Farbhinterlegung und der Transparenzgrad der Farbhinterlegung können eingestellt werden.
Auch der Eckradius der Farbhinterlegung läßt sich verändern.
Die Farbe für horizontale Elemente des Templates und die Farben des Menüs können in Grenzen frei gewählt werden.
Für die Breite der einzelnen Spalten gibt es fünf voreingestellte Verteilungen, die ausgewählt werden können.
Die Schriftgröße für die gesamte Website und den Footerbereich kann eingestellt werden (relativ zur Browser-Voreinstellung).
Bestimmte Inhalte des Footerbereichs können den individuellen Wünschen angepasst werden.
Einige der besonderen Eigenschaften
Die folgenden Möglichkeiten beziehen sich auf das gesamte Web, das mit dem Template angezeigt wird.
Sämtliche Voreinstellungen für die Farbe sind in einer einzigen Datei zusammengefasst. Daher ist eine farbliche Neugestaltung besonders einfach. Dafür ist allerdings die Bearbeitung der Datei colordefinition.css notwendig.
Es gibt vier unterschiedlich gestaltete Header-Bereiche, zwischen denen in der Konfigurationsoberfläche umgeschaltet werden kann. Diese vier Varianten können durch Auswahl der Bilder, des Motto-Textes und der farblichen Gestaltung individuell abgewandelt werden.
Die obligatorischen Links im Footerbereich lassen sich ohne Codeeingriff an die eigene Seitenstruktur anpassen. Bis zu fünf weitere eigenen Websites lassen sich verlinken. Optional können Links zum Hoster (als Anerkennung/Dank oder Provisionslink) und zu einem evtl. vorhandenem Sponsor angegeben werden. Einen Link zum w3c-css-Validierungsdienst kann man einblenden.
Für benutzerdefinierte Stylesheets gibt es eine eigene Datei. Hier eingegebene neue Formatierungen überschreiben nicht die Formate des Templates. Das Template-eigene Stylesheet bleibt unangetastet. Geht etwas bei den benutzerdefinierten Formaten gründlich schief, muss man lediglich die Datei per FTP umbenennen und das Template läuft wieder störungsfrei.
Für Änderungen am Template-Stylesheet gibt es eine eigene Datei, die nach der Template-eigenen Stylesheet-Datei eingelesen wird. Dadurch werden zwar (wie gewünscht) die ursprünglichen Formate modifiziert, jedoch ohne das dadurch die Template-Stylesheet-Datei verändert wird.
Die Definition der Favicons erfolgt in einer eigenen Datei.
Die Font-Größe kann durch den Benutzer "on the fly" vergrößert und verkleinert werden.
Das Template ist voll tauglich für die Verwendung mit einer zweiten oder dritten / weiteren Sprache. Es hat eigene Sprachdateien.
Das Template ist fertig eingerichtet für die Zusammenarbeit mit dem Plugin Memberpages_XH.
Das Template ist fertig eingerichtet für die Zusammenarbeit mit dem Plugin Register_XH.
Das Template ist fertig eingerichtet für die Zusammenarbeit mit dem Plugin Privacy_XH.
Das Template ist fertig eingerichtet für die Zusammenarbeit mit dem Plugin WDir_XH.
Das Template ist fertig eingerichtet für die Zusammenarbeit mit dem Plugin Advancedform_XH.
Das Template ist fertig eingerichtet für die Zusammenarbeit mit dem Plugin Crazystat_XH. Ist das Plugin installiert, wird der Zähler automatisch angezeigt.Das Plugin Crazystat_XH muss dazu allerdings richtig eingerichtet worden sein .
Die Fähigkeit moderner Browser zur eigenständigen Silbentrennung kann Seiten-übergreifend, für einzelne Seiten oder für einzelne Textabschnitte aktiviert werden.
Das Template kann für jede Seite einzeln von 3 auf 2 Spalten umgeschaltet werden.
Um abhängig vom Zulassen von Cookies (dies ist nur bei installiertem Plugin Privacy_XH möglich) Scripte / Plugins im Bereich zwischen <head> und </head> einzubinden werden diese in einer eigenen Datei eingetragen, ohne die Template-Datei zu verändern.
Um abhängig vom Zulassen von Cookies (dies ist nur bei installiertem Plugin Privacy_XH möglich) Scripte / Plugins im Bereich unterhalb dem Content und des Footers, unmittelbar vor dem Ende der Seite einzubinden, werden diese in einer eigenen Datei eingetragen, ohne die Template-Datei zu verändern.
Die Default-Maincolor (Akzentfarbe des Templates), die Transparenz für den Farbverlauf des Seitenhintergrundes und die Default-Menü-Hintergrundfarben können in der Konfigurations-Maske aus dem Editiermodus heraus eingestellt werden. (Default bedeutet hier: Für alle Seiten mit diesem Template, für die noch keine Individualeinstellung vorgenommen wurde).
Alle die folgenden Möglichkeiten können für jede Seite einzeln festgelegt werden.
Die dritte Spalte kann gezielt abgeschaltet werden.
Hat eine Webseite Unterseiten, gibt es ein zusätzliches Submenü. Dieses wird standardmäßig unter dem Content angezeigt.
In der dritten Spalte werden standardmäßig bis zu vier Newsboxen angezeigt, wenn sie definiert sind. Zur Anzeige können versteckte Seiten ausgewählt werden. Werden keine Newsboxen definiert, dehnt sich der Content automatisch von der zweiten auf die dritte Spalte aus.
Der Ordner mit den Bildern der Slideshow /das Bild für das Shiftimage im Hintergrund des Headers kann für jede Seite einzeln ausgewählt werden. Die Slideshow kann ausgeblendet werden.
Das Bild für das Logo kann für jede Seite separat definiert werden.
Das Site-Logo und der Motto-Text im Header können zusammen ausgeblendet werden.
Der Motto-Text im Header kann separat ausgeblendet werden.
Die Akzentfarbe (horizontale Gestaltungselemente) kann in Grenzen frei gewählt werden.
Das Farb-Thema des Menüs kann in Grenzen frei gewählt werden.
Das Farb-Thema des Menüs kann automatisch an die Akzentfarbe der Seite angepasst werden.
Die Fähigkeit moderner Browser zur eigenständigen Silbentrennung kann seitenweise aktiviert werden.
Im Editiermodus kann in der dritten Spalte oberhalb der beiden Newsboxen eine zusätzliche Notizbox angezeigt werden. Dazu wird eine weitere versteckte Seite ausgewählt. Um den Inhalt dieser Notizbox zu bearbeiten, muss die versteckte Seite im Editorfenster bearbeitet werden.
Bei aktiver Template-Konfiguration wird in der rechten (3.) Spalte ganz oben ein kurzer Hilfetext in Form einer weiteren Newsbox eingeblendet.
In einer eigenen Datei können bis zu 16 verschiedene CMSimple_XH-fremde Scripte eingetragen werden. Diese können einzeln / mehrere / alle eingebunden werden. Die Einbindung erfolgt unmittelbar vor dem </head> - Tag. Die Steuerung, welche Scripte auf welcher Seite aktiviert werden, erfolgt über eine Bit-Maske, die via Morepagedata festgelegt wird.
Responsives Verhalten
Das Template passt sich automatisch den unterschiedlichen Breiten der Displays (Viewport-Breite) an.
Bei überbreiten Bildschirmen wird die Website auf eine Breite von 1920 Pixel beschränkt und der Rest des Fensters mit einem Farbverlaufs-Hintergrund zur Akzentfarbe passend hinterlegt.
Die Breite des Menüs (linke Spalte), des Contents (mittlere Spalte) und der Newsboxen (rechte Spalte) sowie des Webseitenlogos und des Motto-Textes werden bei kleiner werdendem Fenster dynamisch nachgeregelt.
Bei Screens/Fenstern mit 1024 oder weniger Pixel Breite erscheint das Template mit 2 Spalten. Die Newsboxen werden unter dem Content ausgegeben.
Bei Screens/Fenstern mit weniger als 770 Pixel Breite schaltet das Template auf "Burger" Navigation um. Das Layout hat dann nur noch eine Spalte und das Menü wird wahlweise oberhalb des Contents angezeigt (Toggle-Funktion des "Burger" Icons [≡] [X] in der Navigationszeile).
Unter eine Displaygröße von 680 Pixel Breite wird die Schriftgröße auf 90% reduziert und die Newsboxen werden untereinander angezeigt.
Bei weniger als 480 Pixel Breite des Viewports wird die Schriftgröße auf 85% reduziert und verzichtbare Elemente ausgeblendet.
Umfangreiche Formatvorlagen im Editierfenster
