Das ist natürlich nicht ganz so einfach, wie es in den Videos rüber kommen mag, denn es müssen dazu oft Variablen erstellt werden und man muss sich sehr gut mit CSS und HTML Codes auskennen, wenn man das selbst macht und nicht von einer KI generieren lässt.
Im Grunde genommen braucht man das ja auch nur, wenn man sehr häufig den gleichen Block mit unterschiedlichen Einstellungen benötigt, die man dann über diese Toolbox ändern will.
Ansonsten macht es natürlich viel mehr Sinn die HTML direkt seinen Wünschen anzupassen als diese Toolbox zu ändern. Im Beispiel vom Volker würde man also ganz einfach ein <span> Tag </span> (Code-Befehl für einen Bereich) inklusive der Style-Anweisung(en) (CSS) in den HTML Bereich eintragen. Das mache ich fast bei jedem Block und würde deswegen niemals auf die Idee kommen die Toolbox zu ändern, nur um über diese Toolbox dann ein einziges Mal die Farbe zu wählen.
Beispiel für das Bereichs-Tag <span> mit Style-Anweisung style="color: blue;"
Mobirise hat ja selbst solche Color-Picker an jedem Text, nur gelten diese dann immer für den gesamten Paragrafen - also immer das gesamte <p> Tag </p> oder beispielsweise auch das <h> Tag </h> (header). Deswegen macht der Einsatz eines <span> Tags für ausgewählte Bereiche Sinn.
Re: Kleines Video Tut wie man Blöcke ändern kann
Verfasst: Fr 3. Apr 2026, 09:41
von Volker
Moin Tommy,
ja das war ein Beispiel
Klar kann man das einmalig auch in den Code schreiben.
Hier mal ein anders Beispiel - nicht als Video, sondern direkt als Code:
padding-top: (@paddingTop * 1rem);
padding-bottom: (@paddingBottom * 1rem);
background-color: @bgColor;
.mbr-section-subtitle {
color: #000000;
}
.mbr-text {
b, strong {
color: @boldColor;
font-weight: bold;
display: inline;
}
i, em {
color: @italicColor;
font-style: italic;
display: inline;
}
b i, i b, strong em, em strong {
color: @boldColor;
text-decoration: underline;
}
}
.mbr-section-title b {
color: @boldColor;
}
.mbr-section-title {
color: #232323;
}
Das ist der Standard Article Block der jetzt bold oder Kursiv markierten Wörter eine Farbe verpasst, die man ebenfalls im Zahnrad einstellen kann. Also wie man sieht kann man auch sowas machen - auch nur ein Beispiel
Ich wurde ja schon mehrfach danach gefragt ob ich das nicht als Video Reihe machen könnte. Ne kann ich nicht, weil zu aufwendig. Aber im Video und hier im Code anhand einfacher Beispiele mal gezeigt
Re: Kleines Video Tut wie man Blöcke ändern kann
Verfasst: Fr 3. Apr 2026, 09:50
von Tommy Herrmann
Moin,
ja - es müssen eben dazu auch die Variablen gegründet werden (die erwähnst Du im Video noch nicht einmal), wie z.B.:
@boldColor
… damit diese über das Werkzeug änderbar sind. Man muss sich also mit den CSS-Regeln sehr gut auskennen, um das selbst zu erstellen.
Was ich ausdrücken wollte ist, dass ich den Sinn für ein solchen Werkzeug meist nicht verstehe, solange man solche Einstellungen nur einmalig vornimmt.
Genau deswegen fehlen diese Werkzeuge auch in den Toolboxen von Mobirise, da Mobirise davon ausgeht, dass man so etwas direkt über die CSS - meist mit CSS-Klassen - ändert und es dann für den individuellen Block auch so bleibt. Bei einem anderen Block würde ja dieses spezielle Werkzeug dann wieder fehlen. Genau dafür gibt es globale CSS-Dateien und man kann eben einmal erstellte CSS-Klassen dann in jedem Block erneut verwenden ohne dessen Blockwerkzeuge wieder zu ändern.
Re: Kleines Video Tut wie man Blöcke ändern kann
Verfasst: Fr 3. Apr 2026, 10:22
von Volker
Tommy Herrmann hat geschrieben: Fr 3. Apr 2026, 09:50
Was ich ausdrücken wollte ist, dass ich den Sinn für ein solchen Werkzeug meist nicht verstehe, solange man solche Einstellungen nur einmalig vornimmt.
Naja dann zeige ich Dir jetzt den Sinn mal Tommy
Beispielhalft Deine Border die Du an einen Block gebaut hast. Das kann man dann halt mit einem eigenen Border Block lösen und hat den egal wo man will
Das macht meiner Meinung nach Sinn, so hat man diesen Block immer in seiner Sammlung und kann den jederzeit nutzen. Aber wie gesagt ich wollte das ja auch nur mal Beispielhaft zeigen.
PS: Auch wenn ich mit KI arbeite habe ich doch auch einiges selber herausgefunden auch mit Hilfe der Docs von Mobirise: https://mobirise.com/docs/