Nachrichten-Skript von Werner Zenk

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:
Code: Alles auswählen
code {
  color: white;
}

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 ?

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

Werner-Zenk.de

Besser wäre es:

Code: Alles auswählen

p#kategorien code {
  color: white;
}

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:

Code: Alles auswählen

/* Kategorien */
p#kategorien {
  text-align: Center;
}

Bei einer etwaigen Änderung müsste man dann nicht lange suchen.

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

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.

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

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

struggle

Tja, die Änderung erscheint nach wie vor nicht.

Tommy Herrmann hat geschrieben: Hast Du denn schon neu publiziert

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 !

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.

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:

Code: Alles auswählen

p#kategorien {
  color: white;
}

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

struggle

Vielen Dank für den Tipp

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 !

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:

Code: Alles auswählen

[b] Fettschrift [/b]

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

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

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

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

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

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 !

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

Mobirise-Tutorials.com

Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Re: Nachrichten-Skript von Werner Zenk

Wer ist online?