- Willkommen im Forum „moziloCMS Supportforum“.
moziloCMS Supportforum
Neuigkeiten:
moziloCMS verwendet Cookies. Wenn Sie auf unserer Seite weitersurfen, stimmen Sie der Cookie-Nutzung zu Datenschutzerklärung
moziloCMS Layouts
moziloCMS Plugins
Neueste Beiträge
#1
Wie kann ich...? / Antw:Zweimal "bildlinks" hinte...
Letzter Beitrag von Fischi - 25. Januar 2026, 18:07:36Nochmal ein konkretes Beispiel für bildgenaues Styling
1. Univeselles Benutzerelement:
class_own = <div class="{DESCRIPTION}">{VALUE}</div>
2. Einbau in Seite:
- DESCRIPTION erhält selbst gewählte Klasse; das ist der Knackpunkt; hier greift Styling per CSS
- VALUE erhält Inhalt; hier im Beispiel {LIGHTbOX}
[class_own=img-100|{Lightbox|[bildlinks|@=Willkommen:mozilo.webp=@|alt=]|untertitel}Bildbeschreibung]
[class_own=img-180|{Lightbox|[bildlinks|@=Willkommen:mozilo.webp=@|alt=]|untertitel}Bildbeschreibung]
[class_own=img-250|{Lightbox|[bildlinks|@=Willkommen:mozilo.webp=@|alt=]|untertitel}Bildbeschreibung]
[clear]
Weiter im Thema ...
3. Benutzerelement [clear]; speziell hier in diesem Fall nach Float
clear = <div class="clearfix"></div>
übernimmt global Clearing nach Floatende
4. CSS der neuen Klassen in plugin.css oder style.css:
.img-100,
.img-180,
.img-250{
float: left;
margin-right: 20px;
margin-bottom: 12px;
overflow: hidden;
}
.img-100 .lightbox-item img {
--lb-thumb-width: 100px;
border: none;
box-shadow: none;
}
.img-180 .lightbox-item img {
--lb-thumb-width: 180px;
border: 2px solid #00f;
box-shadow: none;
}
.img-250 .lightbox-item img {
--lb-thumb-width: 250px;
border: none;
}
.img-250 .lightbox-item img:hover {
border: 5px solid #0f0;
}
Vorteile aus meiner Sicht:
- universell nutzbares DIV class_own
- Probleme mit mehreren Parametern am Benutzerelement entfällt - alles im CSS über Zusatzklasse lösbar
- man kann selbst einzelne Inhaltselemente (hier Thumb in LightBox) abweichend gestalten
- durch Kombination mit eigener Klasse (z.B. img-100) kann man die Standardwerte der Plugins (z.B. .lightbox img) immer überschreiben
- keine Eingriff in Standardwerte nötig; Plugin bleibt wie es ist; bekommt Ergänzung durch eigene Klassen; diese greifen nur, wenn man sie nutzt; eigenes CSS in separater Datei; diese per include in style.css einbinden --> keine Upgradeprobleme mit Plugins
Auf dem Bild sieht man 3x Lightbox mit indiv. Thumbs-Gestaltung: Breite, Rand, Schatten, Hoververhalten.
Das geht natürlich auch mit bild, bildrechts bzw. irgendwelchen Bildern - man muß nur die Klassen für das Styling der elemente kennen, diese mit eigener Klasse kombinieren und damit übershreiben (s. Punkt 4)
Hier zeigt sich der Vorteil von moziloCMS mit seinen Benutzerelementen.
Ich hoffe, ich habe mich deutlich ausgedrückt und nicht am Thema vorbeigeredet.
Ich nenne dieses Prinzip für mich Modifikator-Klassen: Standard bleibt unberührt; gezielte Überschreibung der Standards mit zusätzlichem Klassen-Selektor = Modifikator.
Ich verwende das selbst bei einem Dutzend Benutzerelementen: z.B. Akkordeon
https://spielwiese.fischer-ehdorf.de/Benutzersyntax/Akkordeon.html
- es gibt eine Standardgestaltung im CSS
- nur durch Aufruf mit zusätzlicher Klasse werden Styles verändert
(Farbe; Breite; Symbol für Titel, Abstände ...)
Gruß
1. Univeselles Benutzerelement:
class_own = <div class="{DESCRIPTION}">{VALUE}</div>
2. Einbau in Seite:
- DESCRIPTION erhält selbst gewählte Klasse; das ist der Knackpunkt; hier greift Styling per CSS
- VALUE erhält Inhalt; hier im Beispiel {LIGHTbOX}
[class_own=img-100|{Lightbox|[bildlinks|@=Willkommen:mozilo.webp=@|alt=]|untertitel}Bildbeschreibung]
[class_own=img-180|{Lightbox|[bildlinks|@=Willkommen:mozilo.webp=@|alt=]|untertitel}Bildbeschreibung]
[class_own=img-250|{Lightbox|[bildlinks|@=Willkommen:mozilo.webp=@|alt=]|untertitel}Bildbeschreibung]
[clear]
Weiter im Thema ...
3. Benutzerelement [clear]; speziell hier in diesem Fall nach Float
clear = <div class="clearfix"></div>
übernimmt global Clearing nach Floatende
4. CSS der neuen Klassen in plugin.css oder style.css:
.img-100,
.img-180,
.img-250{
float: left;
margin-right: 20px;
margin-bottom: 12px;
overflow: hidden;
}
.img-100 .lightbox-item img {
--lb-thumb-width: 100px;
border: none;
box-shadow: none;
}
.img-180 .lightbox-item img {
--lb-thumb-width: 180px;
border: 2px solid #00f;
box-shadow: none;
}
.img-250 .lightbox-item img {
--lb-thumb-width: 250px;
border: none;
}
.img-250 .lightbox-item img:hover {
border: 5px solid #0f0;
}
Vorteile aus meiner Sicht:
- universell nutzbares DIV class_own
- Probleme mit mehreren Parametern am Benutzerelement entfällt - alles im CSS über Zusatzklasse lösbar
- man kann selbst einzelne Inhaltselemente (hier Thumb in LightBox) abweichend gestalten
- durch Kombination mit eigener Klasse (z.B. img-100) kann man die Standardwerte der Plugins (z.B. .lightbox img) immer überschreiben
- keine Eingriff in Standardwerte nötig; Plugin bleibt wie es ist; bekommt Ergänzung durch eigene Klassen; diese greifen nur, wenn man sie nutzt; eigenes CSS in separater Datei; diese per include in style.css einbinden --> keine Upgradeprobleme mit Plugins
Auf dem Bild sieht man 3x Lightbox mit indiv. Thumbs-Gestaltung: Breite, Rand, Schatten, Hoververhalten.
Das geht natürlich auch mit bild, bildrechts bzw. irgendwelchen Bildern - man muß nur die Klassen für das Styling der elemente kennen, diese mit eigener Klasse kombinieren und damit übershreiben (s. Punkt 4)
Hier zeigt sich der Vorteil von moziloCMS mit seinen Benutzerelementen.
Ich hoffe, ich habe mich deutlich ausgedrückt und nicht am Thema vorbeigeredet.
Ich nenne dieses Prinzip für mich Modifikator-Klassen: Standard bleibt unberührt; gezielte Überschreibung der Standards mit zusätzlichem Klassen-Selektor = Modifikator.
Ich verwende das selbst bei einem Dutzend Benutzerelementen: z.B. Akkordeon
https://spielwiese.fischer-ehdorf.de/Benutzersyntax/Akkordeon.html
- es gibt eine Standardgestaltung im CSS
- nur durch Aufruf mit zusätzlicher Klasse werden Styles verändert
(Farbe; Breite; Symbol für Titel, Abstände ...)
Gruß
#2
Wie kann ich...? / Antw:Zweimal "bildlinks" hinte...
Letzter Beitrag von Fischi - 25. Januar 2026, 13:25:50Hallo Charlie_B,
es gab kürzlich schonmal die Anfrage zum Floaten. Vielleicht kann Dir die Lösung in diesem Artikel:
https://www.mozilo.de/forum/index.php/topic,4845.0.html
weiterhelfen. Damit hast Du ein universelles Element, falls es öfter benötigt wird. Einfach [clear] anhängen.
Für individuelles Styling (z.B. einzelne Bilder, die sich anders verhalten sollen) nutze ich sehr oft und zielgenau ein neutrales DIV:
own_class = <div class="{DESCRIPTION}">{VALUE}</div>
{VALUE} erhält Deinen bisherigen Inhalt (z.B. bildlinks, Lightbox, ...)
{DESCRIPTION} erhält von Dir eine beliebige Klasse. Über diese Klasse kannst Du dann mit den Selektoren aus {VALUE} bei immer höherer Spezifität gestalten.
Beispiel:
- Einbau in Editor
[own_class=img-schmal|[bildlinks|bild.jpg|alt=]]
- Styling in style.css
.img-schmal img.leftcontentimage {
width: 185px;
}
Überall, wo Du die 185px Breite brauchst, steckst Du Deinen Inhalt in das DIV own_class mit Description img-schmal.
Funktioniert bei mir sehr gut. Man kann fast jede Form der Individualisierung damit greifen. Mußt nur jeweils den {VALUE} auf Eignung testen und dort die richtigen Selektoren finden.
Gruß
es gab kürzlich schonmal die Anfrage zum Floaten. Vielleicht kann Dir die Lösung in diesem Artikel:
https://www.mozilo.de/forum/index.php/topic,4845.0.html
weiterhelfen. Damit hast Du ein universelles Element, falls es öfter benötigt wird. Einfach [clear] anhängen.
Für individuelles Styling (z.B. einzelne Bilder, die sich anders verhalten sollen) nutze ich sehr oft und zielgenau ein neutrales DIV:
own_class = <div class="{DESCRIPTION}">{VALUE}</div>
{VALUE} erhält Deinen bisherigen Inhalt (z.B. bildlinks, Lightbox, ...)
{DESCRIPTION} erhält von Dir eine beliebige Klasse. Über diese Klasse kannst Du dann mit den Selektoren aus {VALUE} bei immer höherer Spezifität gestalten.
Beispiel:
- Einbau in Editor
[own_class=img-schmal|[bildlinks|bild.jpg|alt=]]
- Styling in style.css
.img-schmal img.leftcontentimage {
width: 185px;
}
Überall, wo Du die 185px Breite brauchst, steckst Du Deinen Inhalt in das DIV own_class mit Description img-schmal.
Funktioniert bei mir sehr gut. Man kann fast jede Form der Individualisierung damit greifen. Mußt nur jeweils den {VALUE} auf Eignung testen und dort die richtigen Selektoren finden.
Gruß
#3
Wie kann ich...? / Antw:Zweimal "bildlinks" hinte...
Letzter Beitrag von marusti - 24. Januar 2026, 18:31:34Dafür müsstest du einen eigenen Syntax anlegen. Zb siehe hier https://www.mozilo.de/forum/index.php/topic,4136.0.html
#4
Ich wünsche mir... / Antw:Plugin für SMTP Mailversa...
Letzter Beitrag von marusti - 24. Januar 2026, 18:27:15Da das Thema immer wieder hochkommt, hier nochmal eine aktualisierte beta Version (nicht für Produktionseinsatz geeignet).
Ist das etwas, was Leute nutzen würden? Oder zu kompliziert?
Ist das etwas, was Leute nutzen würden? Oder zu kompliziert?
#5
Mein moziloCMS / Neue Firmenwebseite
Letzter Beitrag von jmbruckner - 23. Januar 2026, 22:57:39Hallo liebe mozilo Gemeinde,
Neues Jahr - Neue Webseite
Für unsere Keramikmanufaktur, habe ich die Webseite [1] endlich aus dem "Dornröschenschlaf" geholt und (mit Unterstützung) ordentlich neu gestaltet.
Das - aus meiner Sicht - wichtigste (und ich denke auch beste) Element darin, ist die Einbindung unseres Mastodon-Profils mittels "Feditag"[2].
Es sind noch ein paar Ergänzungen zu machen, aber im Großen und Ganzen ist die Webseite fertig.
In diesem Zusammenhang möchte ich mich noch bei Maik (@marusti) für die geleisteten Dienste und tatkräftige Unterstützung bedanken.
Beste Grüsse aus Österreich
Jürgen
[1] https://keramik-bruckner.eu
[2] https://github.com/Enichan/feditag
Neues Jahr - Neue Webseite
Für unsere Keramikmanufaktur, habe ich die Webseite [1] endlich aus dem "Dornröschenschlaf" geholt und (mit Unterstützung) ordentlich neu gestaltet.
Das - aus meiner Sicht - wichtigste (und ich denke auch beste) Element darin, ist die Einbindung unseres Mastodon-Profils mittels "Feditag"[2].
Es sind noch ein paar Ergänzungen zu machen, aber im Großen und Ganzen ist die Webseite fertig.
In diesem Zusammenhang möchte ich mich noch bei Maik (@marusti) für die geleisteten Dienste und tatkräftige Unterstützung bedanken.
Beste Grüsse aus Österreich
Jürgen
[1] https://keramik-bruckner.eu
[2] https://github.com/Enichan/feditag
#6
Plugins / Antw:Plugin SimpleCounter mode...
Letzter Beitrag von Fischi - 22. Januar 2026, 20:12:11Hallo Jürgen,
das muß ich mir mal durchdenken. Habe auch momentan nicht die Zeit dazu.
Eine Alternative wäre:
- {SimpleCounter|hidden} in Template einbauen
- auf einer versteckten Seite (z.B. Kategorie = Intern; versteckte Seite = Counter) {SimpleCounter} einbauen
Man muß den Admin nicht starten und kann per direktem Seitenaufruf die Statistik sehen.
Aufruf mit: Domain/Intern/Counter
Das findet nur, wer die URL kennt.
Ich habe das Plugin SimpleCounter-2 auf der Testwebsite eingebaut. Ich muß noch ein wenig an der Dokumentation arbeiten. Hier schon mal zum Schnuppern.
https://spielwiese.fischer-ehdorf.de/Freie_Plugins/SimpleCounter.html
Gruß und schönen Abend
das muß ich mir mal durchdenken. Habe auch momentan nicht die Zeit dazu.
Eine Alternative wäre:
- {SimpleCounter|hidden} in Template einbauen
- auf einer versteckten Seite (z.B. Kategorie = Intern; versteckte Seite = Counter) {SimpleCounter} einbauen
Man muß den Admin nicht starten und kann per direktem Seitenaufruf die Statistik sehen.
Aufruf mit: Domain/Intern/Counter
Das findet nur, wer die URL kennt.
Ich habe das Plugin SimpleCounter-2 auf der Testwebsite eingebaut. Ich muß noch ein wenig an der Dokumentation arbeiten. Hier schon mal zum Schnuppern.
https://spielwiese.fischer-ehdorf.de/Freie_Plugins/SimpleCounter.html
Gruß und schönen Abend
#7
Plugins / Antw:Plugin SimpleCounter mode...
Letzter Beitrag von jmbruckner - 22. Januar 2026, 16:44:16Zitat von: Fischi am 20. Januar 2026, 12:18:04Hallo Jürgen, was genau würde Dir da vorschweben? Wie willst Du an die Satsistik dann rankommen?
Hallo 'Fischi',
im Grunde schwebt mir das vor was ich auch geschrieben habe.
Die Möglichkeit den Counter als "hidden" ins Template oder eine Inhaltsseite einfügen. Im Backend wird z.B. zusätzlich zu den Einstellungen im Plugin-Manager die Statistik ausgegeben.
Das wäre dann ähnlich wie es schon im Plugin "Counter" von DEVMOUNT möglich war.
LG
Jürgen
#8
Plugins / Antw:mozilo 3.0.4 und Plugin p...
Letzter Beitrag von marusti - 22. Januar 2026, 10:09:27Als Version 1.0.2 auf der Mediaseite aktualisiert.
#9
Plugins / Antw:mozilo 3.0.4 und Plugin C...
Letzter Beitrag von marusti - 22. Januar 2026, 10:08:58Hierfür gibt es noch keine komplette neue Version. In der Übergangsversion fehlt der Datumsfilter.
#10
Wie kann ich...? / Antw:Mozilo 3.04 Smileys
Letzter Beitrag von WolfgangM - 22. Januar 2026, 02:26:10Hallo Marusti,
vielen Dank für Deine Antwort und sorry, dass ich erst heute antworte. Hab länger nicht ins Forum geschaut.
Dein Tipp hat mir sehr geholfen, ich denke, ich komme jetzt klar.
Nochmals vielen Dank und viele Grüße
Wolfgang
vielen Dank für Deine Antwort und sorry, dass ich erst heute antworte. Hab länger nicht ins Forum geschaut.
Dein Tipp hat mir sehr geholfen, ich denke, ich komme jetzt klar.
Nochmals vielen Dank und viele Grüße
Wolfgang