Seite 7 von 9
Re: Nachrichten-Skript von Werner Zenk
Verfasst: So 21. Jan 2024, 17:31
von struggle
Tommy Herrmann hat geschrieben: ↑So 21. Jan 2024, 13:16
wenn Du die kleinen Zahlen in Klammern - wie (5) - auch noch weiß haben willst, schreibst Du noch in den "CSS Editor" vom Mobirise Block:
Hallo Tommy,
ich habe es in die CSS eingetragen, bleibt leider schwarz
.
Code: Alles auswählen
padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 5px);
background-color: @bgColor;
.mbr-section-subtitle {
color: #f8f1f1;
}
H2 {
color: #f8f1f1;
}
#myFrame {
border: none;
width: 100%;
overflow: hidden;
}
code {
color: white;
}
Könnte man die Farbe nicht auch an der entsprechenden Stelle in der css.style eintragen ?
Re: Nachrichten-Skript von Werner Zenk
Verfasst: So 21. Jan 2024, 17:46
von Tommy Herrmann
hmm, das sollte aber eigentlich gehen.
Hast Du denn schon neu publiziert, online ist das "code" Element nicht mit einer Farbe belegt, wie man am Werkzeug vom Firefox sehen kann.
https://www.meinlangengrassau.de/markt.html
Re: Nachrichten-Skript von Werner Zenk
Verfasst: So 21. Jan 2024, 17:56
von Werner-Zenk.de
Besser wäre es:
zu verwenden, ansonsten würde sich die Anweisung (global) auf alle <code> HTML-Tags auswirken.
Könnte man die Farbe nicht auch an der entsprechenden Stelle in der css.style eintragen ?
Ja, das würde auch gehen,
nach:
Bei einer etwaigen Änderung müsste man dann nicht lange suchen.
Re: Nachrichten-Skript von Werner Zenk
Verfasst: So 21. Jan 2024, 18:20
von Tommy Herrmann
@ Werner,
das ist natürlich vollkommen richtig - aber - Mobirise hat den riesen Vorteil, dass eine Eintrag in dem "CSS Editor" von einem Mobirise-Block eben nicht global wirkt, sondern nur auf diesen einen Block, da jedem Block immer noch automatisch eine eigene Class zugewiesen wird (abgesehen davon, dass Mobirise an keiner Stelle den Selektor <code> verwendet).
Das gilt dann aber dennoch - so wie Du geschrieben hast - bei einem Eintrag in die zu Deiner Anwendung dazugehörige Datei "style.css", denn die wirkt ja global (also "global" nur in Bezug auf diese eine Seite).
Re: Nachrichten-Skript von Werner Zenk
Verfasst: So 21. Jan 2024, 18:38
von Werner-Zenk.de
Wenn dann alles in die
mbr-additional.css hineingeschrieben wird, dann wird diese Datei immer fetter
Wozu unnötig Daten laden, wenn die Nachrichten nicht mal angeschaut werden
Das gilt dann aber dennoch - so wie Du geschrieben hast - bei einem Eintrag in die zu Deiner Anwendung dazugehörige Datei "style.css", denn die wirkt ja global.
Die wirkt eben nicht global, da die CSS-Datei nur im Nachrichten-Skript eingebunden ist.
Re: Nachrichten-Skript von Werner Zenk
Verfasst: So 21. Jan 2024, 18:47
von Tommy Herrmann
ja klar, weil Du da entweder Klassen oder IDs mit an den Selektoren stehen hast und Reinhard das via iFrame eingebunden hat.
Ich habe dagegen diese Datei "style.css"
direkt eingebunden und da muss man dann schon aufpassen und bestimmte Selektoren wie den <body> auch wieder entfernen.
https://www.mobirise-tutorials.com/News ... /style.css
Re: Nachrichten-Skript von Werner Zenk
Verfasst: So 21. Jan 2024, 19:14
von Werner-Zenk.de
Aber bevor ich diese CSS-Datei mit 15926 Zeilen (jetziger Stand) weiter aufblähe, sind die Anweisungen in der style.css besser aufgehoben.
Man muss sich mal vorstellen, wenn ich mit dem Handy surfe, und mir eine mit Mobi gemachte Seite anschaue, dann werden all diese Daten auf meinem Datenvolumen am Handy (Mobilfunk-Vertrag) dazugerechnet
Re: Nachrichten-Skript von Werner Zenk
Verfasst: So 21. Jan 2024, 23:09
von struggle
Tja, die Änderung erscheint nach wie vor nicht.
Im CSS.editor ist es eingetragen.
Ich habe noch mal neu publiziert.
Keine Veränderung.
Da ich bisher jede Veränderung in der Style.css vorgenommen habe, werde ich das auch noch probieren !
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Mo 22. Jan 2024, 04:00
von Tommy Herrmann
Moin Werner,
Werner-Zenk.de hat geschrieben: ↑So 21. Jan 2024, 19:14
Aber bevor ich diese CSS-Datei mit 15926 Zeilen (jetziger Stand) weiter aufblähe, sind die Anweisungen in der style.css besser aufgehoben.
Ja - das halte ich ohnehin bei Mobirise für ein riesen Problem
Ich habe noch viel größere CSS Dateien. Mein relativ kleines (24 Seiten) Start-Projekt "
Mobirise-Tutorials.com" meiner Domain hat bereits 37599 Zeilen in der Customer-CSS
... ohne dass ich da großartig etwas Eigenes eingefügt hätte. Das macht Mobirise so ganz von alleine und man kann es nicht beeinflussen, denn jeder (unveränderte) neue Mobirise-Block wird mit Dutzenden von CSS-Klassen dort neu eingetragen.
... dann kommen noch die vom Themen-Style und jene von Bootstrap hinzu
Das wird auch immer wieder kritisiert. Ich wüsste aber auch nicht, wie man das sonst bei diesem Programm anderes generieren sollte.
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Mo 22. Jan 2024, 04:05
von Tommy Herrmann
Moin Reinhard,
schreibe die Farbe
Weiß hier in Werners Datei "
style.css" mit an die id="kategorien" ran:
color: white;
Code: Alles auswählen
/* Kategorien Suchen Finden*/
p#kategorien {
text-align: Center;
color: white;
}
...
oder versuche es auch so im "CSS Editor" von Mobirise:
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Mo 22. Jan 2024, 07:56
von Tommy Herrmann
... ach noch etwas.
Das ist zwar nun nicht unbedingt notwendig, wenn man aber die mittels iFrame
geframte Seite "anzeige.php" im Browser aufruft, fehlt dieser Dein
roter Hintergrund und man kann kaum etwas sehen, da Du ja viel weiße Schrift verwendest:
https://www.meinlangengrassau.de/markt/anzeige.php
Schreibe doch auch noch in die Datei vom Werner "
style.css" diese Hintergrundfarbe gleich oben noch an den "body" Selektor mit ran:
background-color: #db6400;
Code: Alles auswählen
body {
font-family: Verdana, Arial, Sans-Serif;
font-size: 0.95rem;
margin-bottom: 250px;
scroll-behavior: smooth;
background-color: #db6400;
}
Dann kann man das dort auch viel besser sehen:
... am Ende könnte diese geframte Seite ja auch mal direkt aufgerufen werden und dann kann man sonst nichts erkennen.
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Mo 22. Jan 2024, 08:52
von struggle
Vielen Dank für den Tipp
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Di 23. Jan 2024, 13:57
von struggle
Hallo,
ich suche was zu BBCode ?
Werner hat ja schon Vorgaben gemacht.
Jetzt habe ich eine Textumrandung (Rahmen) gesehen, sogar farblich, durch BBCode.
Ich finde den Code nirgendwo; ich bitte um Hilfe !
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Di 23. Jan 2024, 14:24
von Tommy Herrmann
Moin,
was willst Du denn mit dem BBCode machen?
Den habe ich auch hier an den kleinen Buttons im Forum-Editor programmiert, wie z.B. für Fettschrift:
Das solltest Du aber besser lassen, denn die Erfahrung hast Du eher nicht. Der steht unten in der Datei "verbindung.php"
Code: Alles auswählen
// Formatierung der Nachricht
function formatierung($text)
{
$text = preg_replace_callback('#(( |^)(((http|https|)://)|www.)\S+)#mi', 'linkUmwandeln', $text); // Links umwandeln
$text = preg_replace('/\[b\](.*)\[\/b\]/Usi', '<b>$1</b>', $text); // [b]
$text = preg_replace('/\[i\](.*)\[\/i\]/Usi', '<i>$1</i>', $text); // [i]
$text = preg_replace('/\[s\](.*)\[\/s\]/Usi', '<s>$1</s>', $text); // [s]
$text = preg_replace('/\[q\](.*)\[\/q\]/Usi', '<q>$1</q>', $text); // [q]
$text = preg_replace('/\[u\](.*)\[\/u\]/Usi', '<u>$1</u>', $text); // [u]
$text = preg_replace('/\[m\](.*)\[\/m\]/Usi', '<samp>$1</samp>', $text); // [m]
$text = preg_replace('/\[mark\](.*)\[\/mark\]/Usi', '<mark>$1</mark>', $text); // [mark]
$text = preg_replace_callback('/\[url=(.*)\](.*)\[\/url\]/Usi', 'linkUmwandeln', $text); // [url]
$text = preg_replace('/\[color=(.*)\](.*)\[\/color\]/Usi', '<span style=\'color:$1\'>$2</span>', $text); // [color=#FF0000] [color=green]
$text = preg_replace('/\[red\](.*)\[\/red\]/Usi', '<span style="color:#DD0000">$1</span>', $text); // [red]
$text = preg_replace('/\[blue\](.*)\[\/blue\]/Usi', '<span style="color:#0000DD">$1</span>', $text); // [blue]
$text = preg_replace('/\[green\](.*)\[\/green\]/Usi', '<span style="color:#00B000">$1</span>', $text); // [green]
$text = preg_replace('/\[yellow\](.*)\[\/yellow\]/Usi', '<span style="color:#FDD700">$1</span>', $text); // [yellow]
$text = preg_replace('/\[orange\](.*)\[\/orange\]/Usi', '<span style="color:#FF8040">$1</span>', $text); // [orange]
$text = preg_replace('/\[violet\](.*)\[\/violet\]/Usi', '<span style="color:#EE82EE">$1</span>', $text); // [violet]
$text = preg_replace('/\[code\](.*)\[\/code\]/Usi', '<u>$1</u>', $text); // [code]
$text = preg_replace_callback('/\[size=(.*)\](.*)\[\/size\]/Usi', 'fontSize', $text); // [size]
$text = preg_replace('/\[quote\](.*?)\[\/quote\]/is', '<blockquote class="blockquote"><b class="forum_quote">Zitat:</b><br>$1</blockquote>', $text); // Zitat
$text = preg_replace('/\[quote\=(.*?)\](.*?)\[\/quote\]/is', '<blockquote class="blockquote"><b class="forum_quote">Zitat von $1:</b><br>$2</blockquote>', $text); // Zitat von ...
$text = preg_replace('/\[bcolor=(.*)\](.*)\[\/bcolor\]/Usi', '<span style=\'background:$1\'>$2</span>', $text); // [bcolor=#FF0000] [bcolor=green]
$text = preg_replace('/\[img=(.*)\](.*)\[\/img\]/Usi', '<em>$2</em><img class="bildplus" src="$1" title="$2">', $text); // [img]
$text = preg_replace('/\[list\](.*)\[\/list\]/Usi', '<ul>$1</ul>', $text); // [list]
$text = preg_replace('/\[olist\](.*)\[\/olist\]/Usi', '<ol>$1</ol>', $text); // [olist]
$text = preg_replace('/\[li\](.*)\[\/li\]/Usi', '<li>$1</li>', $text); // [li]
$text = preg_replace('/\[sup\](.*)\[\/sup\]/Usi', '<sup>$1</sup>', $text); // [sup]
$text = preg_replace('/\[sub\](.*)\[\/sub\]/Usi', '<sub>$1</sub>', $text); // [sub]
return nl2br($text, false);
}
Das ist in PHP recht kompliziert mit dem sogenannten "maskieren", damit die Zeichen richtig interpretiert werden. Kannst ja auch hier mal ein wenig darüber lesen:
http://www.mywebsolution.de/tutorials/4 ... -Code.html
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Di 23. Jan 2024, 16:35
von struggle
Tommy Herrmann hat geschrieben: ↑Di 23. Jan 2024, 14:24
was willst Du denn mit dem BBCode machen?
na, eben eine Textumrandung:
Jetzt habe ich eine Textumrandung (Rahmen) gesehen, sogar farblich, durch BBCode.
Ich will da nichts weiter machen, in keinen Code eingreifen.
In Werners Editor kann man ja mit dem dort installierten BBCode Text farbig machen, Kursivschrift, Fettschrift, Text gelb hervorheben, Link zum Bild etc. Nun wußte ich nicht, ob das evtl. auch noch programmiert ist.
Wenn nicht, dan ist es gut
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Di 23. Jan 2024, 16:46
von Tommy Herrmann
... also das geht (vielleicht) auch - damit habe ich mich bisher nie beschäftigt - aber ein Rahmen (border) ist ja nun kein HTML Element, sondern eine Style-Anweisung.
... wie Fett- oder Kursivschrift, Unterstreichen oder ein Link.
... ich denke das passt nicht.
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Di 23. Jan 2024, 17:49
von struggle
Ich bin mir ganz sicher, daß ich das schon gesehen habe. Es gibt ja irre viel Seiten im Internet zum BBCode und noch viel mehr BBCode-Generatoren. Leider weiß ich nicht mehr, welche Seite
Aber, wie gesagt, das ist nicht wichtig
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Mi 24. Jan 2024, 05:50
von Tommy Herrmann
Moin,
also ich habe jetzt mal einen neuen
BBCode für den "Nachrichten" Editor vom Werner erstellt:
[blue][border][red]Hallo[/red][/border][/blue]
Verschachtelter BBCode - also außen blau dann die Border dann rot für den Text "Hallo".
Das sieht dann so aus:
Der Rahmen hatte zunächst (im Screenshot) eine Breite von 80%. Das ist aber schwierig und kritisch mit dem Foto, was sich eventuell daneben befindet. Insbesondere dann am Handy. Da geht der Rahmen über das Foto hinweg. Du musst das also alles noch testen, wenn Du es anwenden willst.
Hier mein erstellter BBCode, denn Du in der Datei "
verbindung.php" zu den anderen BBCodes noch in einer neuen Zeile hinzufügen kannst.
Code: Alles auswählen
$text = preg_replace('/\[border\](.*)\[\/border\]/Usi', '<p style="border: 2px solid; text-align: center; padding: 20px; width: 50%; margin: auto;">$1</p>', $text); // [border]
Zur Erklärung:
das kannst Du dann natürlich noch beliebig ändern und erweitern:
border: 2px solid; = Solider Rahmen in der Breite von 2px
text-align: center; = Zentriert den Text im Rahmen
padding: 20px; = Innenabstand (rundherum) vom Text zum Rahmen
width: 50%; = Breite Rahmen - wobei es kritisch sein kann, wo dieser platziert wird
margin: auto; = Außenabstand automatisch zum Zentrieren des Rahmens
Ich habe hier also eine Border (Rahmen) im Stil "
solid" verwendet. Es gibt jede Menge anderen Stil für solche Borders:
https://www.w3schools.com/css/css_border.asp
Wenn Du dann den BBCode "border" auch noch als Hinweis in den Editor eintragen willst, dann müsstest Du auch die Datei editor.php ändern.
Dazu kannst Du "border" dann in Zeile 786 (markiert im Screenshot) hinzuschreiben:
Dann erscheint dieser Hinweis auch am Button [BBCode]:
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Mi 24. Jan 2024, 08:43
von struggle
Hallo Tommy,
vielen Dank für die Arbeit, die Du Dir gemacht hast
Hat es Dir keine Ruhe gelassen
?
Ich habe entspr. Änderungen in der verbindung.php und editor.php gemacht und es funktioniert alles !
Guckst Du, gleich der erste Eintrag von
Rudi Zipfel
https://www.meinlangengrassau.de/markt.html
Das Bild ist 200px breit, am PC funktioniert das, am Handy in der Normalansicht auch, nur in der Queransicht stört das Bild. Das kriegt man aber in den Griff.
Sehr schön, danke !
Re: Nachrichten-Skript von Werner Zenk
Verfasst: Mi 24. Jan 2024, 10:07
von Tommy Herrmann
... da müsstest Du ein wenig probieren, oder man müsste dann doch das Bild ab einer gewissen Displaygröße über dem Text anzeigen (so wie es vom Werner gedacht ist).
Man kann natürlich den BBCode auch ganz ander aufbauen:
$text = preg_replace('/\[border\](.*)\[\/border\]/Usi', '<p style="border: 2px solid; border-radius: 5px; text-align: center; padding: 20px; width: 50%; margin-right: 10px; margin-left: auto;">$1</p>', $text); // [border]
... hier sind die Ecken um 5px abgerundet und der Außenabstand verändert, nun rechts 10px und links automatisch.
Meine Bilder sind ja alle maximal 250px breit, so könnte ich dann wahrscheinlich noch besser schreiben:
margin-left: 260px; margin-right: 10px;
also so:
$text = preg_replace('/\[border\](.*)\[\/border\]/Usi', '<p style="border: 2px solid; background-color: yellow; border-radius: 5px; text-align: center; padding: 20px; margin-left: 260px; margin-right: 10px;">$1</p>', $text); // [border]
Man könnte diesem Bereich im Rahmen auch noch eine Hintergrudnfarbe (background-color) geben oder was auch immer.
Hier noch ein Beispiel auf meiner Seite, ob ich das beibehalte weiß ich noch nicht - finde es nicht so toll:
https://www.mobirise-tutorials.com/News ... iges#anker