neues Onepage-Template: fhs-sectionsOP - Tester?
neues Onepage-Template: fhs-sectionsOP - Tester?
Musik geht ins Ohr - Webdesign geht manchmal ins Auge.
Hier kommt ein Vorschlag für ein neues Onepage-Template.
Interessenten und Spezialisten sollten es vielleicht mal auf Herz und Nieren püfen. Von innen und außen.
Preview: Demo und Download
@manu
Wie kann man eine Init-Datei so umschreiben, dass sie im Tiny5 (json) funktioniert? Ich bin gescheitert
@Ludwig
Schau dir doch bitte mal die font-size-Deklaration für die Spotlight-Überschrift über dem ersten Bild an.
Das soll dafür sorgen, dass sich die Schriftgröße ohne @media-Abfrage anpasst.
@Christoph
Die originale onepage.min.js musste ich für einen Offsetwert ändern (nur eine Zahl).
Siehe dazu: https://github.com/cmb69/onepage_xh/issues/49
Hier kommt ein Vorschlag für ein neues Onepage-Template.
Interessenten und Spezialisten sollten es vielleicht mal auf Herz und Nieren püfen. Von innen und außen.
Preview: Demo und Download
@manu
Wie kann man eine Init-Datei so umschreiben, dass sie im Tiny5 (json) funktioniert? Ich bin gescheitert
@Ludwig
Schau dir doch bitte mal die font-size-Deklaration für die Spotlight-Überschrift über dem ersten Bild an.
Das soll dafür sorgen, dass sich die Schriftgröße ohne @media-Abfrage anpasst.
@Christoph
Die originale onepage.min.js musste ich für einen Offsetwert ändern (nur eine Zahl).
Siehe dazu: https://github.com/cmb69/onepage_xh/issues/49
Re: neues Onepage-Template: fhs-sectionsOP - Tester?
Super gemacht! getestet habe ich's nicht - bin gerade in Messefieber bei Firmen tätig. Mach ich aber noch.
Eine schöne Bereicherung für manche User die was besonderes suchen.
--- weiter so! ---
Eine schöne Bereicherung für manche User die was besonderes suchen.
--- weiter so! ---
Re: neues Onepage-Template: fhs-sectionsOP - Tester?
Guten Morgen Frank
Tolles Template! Einer unserer Kunden hat genau nach einem solchen Template gefragt.
Wir haben festgestellt, dass man von den grossen Fotos im responsive Modus nur Ausschnitte sieht. Kann man das ändern?
Wir freuen uns auf die Veröffentlichung .
Sonnige Grüsse aus der Schweiz
Beat + Susanne
Tolles Template! Einer unserer Kunden hat genau nach einem solchen Template gefragt.
Wir haben festgestellt, dass man von den grossen Fotos im responsive Modus nur Ausschnitte sieht. Kann man das ändern?
Wir freuen uns auf die Veröffentlichung .
Sonnige Grüsse aus der Schweiz
Beat + Susanne
Re: neues Onepage-Template: fhs-sectionsOP - Tester?
Tja, das ist so ein Problem ...
Die Bildschirm füllenden Bilder als Startansicht bestimmen - nach meiner Meinung - wesentlich den Gesamteindruck.
Man könnte das ändern, wie es z.B. Ludwig bei jekyllandhyde gemacht hat. Hier wird ab einer gewissen Bildschirmbreite das Bild nicht mehr in voller Größe gezeigt - und dennoch wird u.U. links und rechts etwas abgeschnitten und das Bild wird ziemlich klein. Es gibt nun mal Bildschirme im Hoch- oder Querformat - ein Bild kann aber nur das eine oder das andere haben.
Ich habe mich also so entschieden, weil mir der Eindruck beim ersten Seitenaufruf wichtig war.
Die Suche nach passenden Beispielbildern hat mich deshalb auch 'ne Menge Zeit gekostet. Es mussten solche Bilder sein, die das wichtige Motiv genau in der Mitte haben und ringsherum ausreichend "abschneidbaren" Raum.
Vorläufig möchte ich das so lassen. Wer weiß, was noch kommt ...
Re: neues Onepage-Template: fhs-sectionsOP - Tester?
Schaunmermal.
Da du gerade dran bist ...
Ich habe im Template die Animationen auch mit https://animate.style gemacht, aber ohne dein Plugin.
Ab dem TinyMCE 5 müssen die Init-Dateien im json-Format vorliegen.
Da musst du bei deinem Plugin auch was tun.
Ich habe versucht, eine solche Datei zu erzeugen - ohne Erfolg
Re: neues Onepage-Template: fhs-sectionsOP - Tester?
Es gibt online Konverter, die eine gute Basis liefern; in diesem Fall erst mal die Zeile mt %LANGUAGE% löschen. Und dann einfach mal ausprobieren, bzw. TinMCE4 und TinyMCE5 inits vergleichen. Zumindest bei den Platzhaltern (%...%) könnte sich was geändert haben.frase wrote: ↑Fri Oct 01, 2021 11:33 amWie kann man eine Init-Datei so umschreiben, dass sie im Tiny5 (json) funktioniert? Ich bin gescheitert
Schau ich mir bald möglichst an.frase wrote: ↑Fri Oct 01, 2021 11:33 amDie originale onepage.min.js musste ich für einen Offsetwert ändern (nur eine Zahl).
Siehe dazu: https://github.com/cmb69/onepage_xh/issues/49
Christoph M. Becker – Plugins for CMSimple_XH
Re: neues Onepage-Template: fhs-sectionsOP - Tester?
Super, danke!
Mithilfe des Online-Konverters und vielen Löschungen konnte ich eine json-Datei erzeugen, die der Tiny5 akzeptiert, ohne zu meckern. Und er zeigt auch das Gewünschte an.
Re: neues Onepage-Template: fhs-sectionsOP - Tester?
Schau Dir mal die init_.json files im TinyMCE5 an. Die keywords/Schlüsselzeichen müssen in Anführungs-/Schlusszeichen stehen.frase wrote: ↑Fri Oct 01, 2021 11:33 am...
@manu
Wie kann man eine Init-Datei so umschreiben, dass sie im Tiny5 (json) funktioniert? Ich bin gescheitert ...
Eine regex reinzupacken habe ich bis jetzt auch nicht geschafft. Aber wenn Du "importcss_append" auf true setzst und kein importcss_selector_filter, setzt der TMCE5 die regex automatisch.
Aber vielleicht ist dies ein Ansatz.
Gruss
manu
Re: neues Onepage-Template: fhs-sectionsOP - Tester?
Re: neues Onepage-Template: fhs-sectionsOP - Tester?
Obwohl es nichts mit TinyMCE4 oder 5 und mit one-page zu tun hat, es betrifft bisschen das Thema - Bildergöße.
Auf einer Testseite habe ich es teilweise gelösst.
Am Anfang der Seite habe ich z.B.:
Code: Select all
<div class="blank-block"><img src="<mein background bild" width="2144" height="1286"></div>
Hier kommt der Rest der Seite
Code: Select all
<div class="blank-block">{{{op_swiper()}}}</div>
Code: Select all
div.blank-block{min-height: 100vh;}
Code: Select all
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
div.blank-block{height: 300px;}
Die Seite ist weit nicht fertig, aber einiges habe ich da gemeistert.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.