neues Onepage-Template: fhs-sectionsOP - Tester?

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
frase
Posts: 4274
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

neues Onepage-Template: fhs-sectionsOP - Tester?

Post by frase » Fri Oct 01, 2021 11:33 am

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 :oops:

@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

knollsen
Posts: 382
Joined: Wed Nov 06, 2013 2:28 pm

Re: neues Onepage-Template: fhs-sectionsOP - Tester?

Post by knollsen » Fri Oct 01, 2021 9:34 pm

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! ---

hixi
Posts: 139
Joined: Wed Jun 08, 2011 7:02 pm

Re: neues Onepage-Template: fhs-sectionsOP - Tester?

Post by hixi » Sat Oct 02, 2021 5:40 am

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

frase
Posts: 4274
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: neues Onepage-Template: fhs-sectionsOP - Tester?

Post by frase » Sat Oct 02, 2021 7:23 am

hixi wrote:
Sat Oct 02, 2021 5:40 am
Wir haben festgestellt, dass man von den grossen Fotos im responsive Modus nur Ausschnitte sieht. Kann man das ändern?
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 ... ;)

frase
Posts: 4274
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: neues Onepage-Template: fhs-sectionsOP - Tester?

Post by frase » Sat Oct 02, 2021 7:32 am

knollsen wrote:
Fri Oct 01, 2021 9:34 pm
--- weiter so! ---
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 :oops:

cmb
Posts: 13859
Joined: Tue Jun 21, 2011 11:04 am
Location: Mü-Sa, RLP, DE
Contact:

Re: neues Onepage-Template: fhs-sectionsOP - Tester?

Post by cmb » Sat Oct 02, 2021 9:52 am

frase wrote:
Fri Oct 01, 2021 11:33 am
Wie kann man eine Init-Datei so umschreiben, dass sie im Tiny5 (json) funktioniert? Ich bin gescheitert :oops:
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 am
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
Schau ich mir bald möglichst an.
Christoph M. Becker – Plugins for CMSimple_XH

frase
Posts: 4274
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: neues Onepage-Template: fhs-sectionsOP - Tester?

Post by frase » Sat Oct 02, 2021 10:20 am

cmb wrote:
Sat Oct 02, 2021 9:52 am
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.
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. ;)

manu
Posts: 1003
Joined: Wed Jun 04, 2008 12:05 pm
Location: St. Gallen - Schweiz
Contact:

Re: neues Onepage-Template: fhs-sectionsOP - Tester?

Post by manu » Sat Oct 02, 2021 11:16 am

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 :oops: ...
Schau Dir mal die init_.json files im TinyMCE5 an. Die keywords/Schlüsselzeichen müssen in Anführungs-/Schlusszeichen stehen.
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

frase
Posts: 4274
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: neues Onepage-Template: fhs-sectionsOP - Tester?

Post by frase » Sat Oct 02, 2021 11:21 am

manu wrote:
Sat Oct 02, 2021 11:16 am
Gruss
manu
Alles klar. Danke!
Christoph hatte den richtigen Tipp, und ich habe es auch schon gelöst.

Tata
Posts: 3438
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: neues Onepage-Template: fhs-sectionsOP - Tester?

Post by Tata » Sat Oct 02, 2021 4:32 pm

frase wrote:
Sat Oct 02, 2021 7:23 am
...
Es gibt nun mal Bildschirme im Hoch- oder Querformat - ein Bild kann aber nur das eine oder das andere haben.
...
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
oder auch

Code: Select all

<div class="blank-block">{{{op_swiper()}}}</div>
In Stylesheet dann:

Code: Select all

div.blank-block{min-height: 100vh;} 
Ich verstehe nur nicht, wieso funktioniert dies nicht unter Responsivit't mit:

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;}
Hier wollte ich den "blank-block" etwa verkurzen, um den Rest der Seite näher hochzuschieben.
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.

Post Reply