M5 Header Block mit zig Optionen

[Volker]

Hallo zusammen,

ein neuer Block ist da

Ich habe einen Standard M5 Block aufgemotzt bis ... naja - schaut selber



Für alle hier im Forum jetzt schon zu haben ( wer will )
https://www.niederastroth.de/m5-animations-block.mbrext

[Nachtfalke]

Ich bin wieder total überrascht wie schnell du so was hinbekommst.

[Volker]

@Dieter:
Das ist kein Hexenwerk

Mobirise arbeitet ja immer nach dem selben Schema.

Beispiel:

Du willst einen Schieber der einen Abstand vom Titel steuert, dann fügst du das hinzu:

<input type="range" title="Abstand Unten" name="marginBottom" min="0" max="5" step="1" value="3">

Wichtig: Der name (hier marginBottom) ist die Variable, die wir später im CSS oder HTML brauchen.

Das ist dann die CSS dazu:

.mbr-section-title {
margin-bottom: (@marginBottom * 1rem);
}

So baust du nach und nach weitere Optionen dazu, testest, fragst die KI nach der richtigen CSS/LESS und so baue ich relativ schnell Blöcke so wie ich mir das vorstelle.

Ich glaube ich mach mal ein Video dazu
Falls da Interesse besteht

[Tommy Herrmann]

Moin,

Ich habe dazu bisher nie eine KI bemüht, hier aber mal vor langer Zeit ein Beispiel erstellt. Vielleicht trägt das zum Verständnis der Verwendung von Parametern bei.

https://www.mobirise-tutorials.com/Tuto ... odify.html

Die KI macht ja nichts anderes als einem dann entsprechende Codes vorzuschlagen und man hat es viel einfacher, wenn man sich mit den HTML Coding noch nicht so gut auskennt.

Die meisten Parameter bestehen aus Variablen, die dann über Formular-Felder im Code-Editor änderbar werden. Man kann dort also Auswahlfelder gründen oder auch Slider als zum Beispiel Regler erstellen und so Variablen neue Werte zuordnen.