neues Onepage-Template: fhs-sectionsOP - Tester?

[frase]

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

[knollsen]

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]

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]

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]

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

[cmb]

Wie kann man eine Init-Datei so umschreiben, dass sie im Tiny5 (json) funktioniert? Ich bin gescheitert

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.

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.

[frase]

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]

...
@manu
Wie kann man eine Init-Datei so umschreiben, dass sie im Tiny5 (json) funktioniert? Ich bin gescheitert ...

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]

Gruss
manu

Alles klar. Danke!
Christoph hatte den richtigen Tipp, und ich habe es auch schon gelöst.

[Tata]

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