Kommentarbox von Werner Zenk

[struggle]

Es handelt sich um diesen Block aus Mobirise 4

block.PNG (11.76 KiB) 491 mal betrachtet

Ich habe mal alles aus dem Block gelöscht und mit Deinem Code ersetzt.
Dann veröffentlicht und jetzt werde ich es auf den Server schieben, dauert etwas

[struggle]

Es handelt sich um diesen Block aus Mobirise 4

block.PNG (11.76 KiB) 491 mal betrachtet

Jetzt habe ich den Code aus dem Block gelöscht und durch Deinen ersetzt.

Und nun funktioniert es

Was war das ? Bin ich zu blöd, ich wollte schon aufgeben

[Tommy Herrmann]

Moin,

ja - keine Ahnung was da passiert ist

Ich kann das jetzt hier schlecht ausprobieren, da ich ja diese Version vom Werner bei mir nicht eingebaut habe, sondern ein viel ältere. Da müsste ich dann erst eine neue Datenbank anlegen usw, usw.

Irgend etwas scheint Dir da bei Deinem ursprünglichen "Überschriften Block" von Mobirise in die Suppe zu spucken.

Ich sagte aber auch, dass Du einen einfachen "Textblock" verwenden sollst und keinen "Überschriften Block". Das sollte zwar auch gehen aber es ist immer besser zunächst mal den einfachsten Block zu verwenden.

Es gibt Blöcke in Mobirise, die machen Probleme mit der Verwendung von PHP-Befehlen und übernehmen diese beim Publizieren nicht. Es kommt dann auch eventuell noch darauf an, an welcher Stelle des Codes man das genau eingebaut hat.

Ich meinte mit einfachen "Textblock" den im Screenshot markierten Block aus der Rubrik "Article" im Thema "Mobirise4":

Das Feld für den Eingabetext der Kommentar-Box ist am Handy viel zu breit. Das hat Werner irgendwie vergessen.

Öffne die Datei "kommentar.php" mit einem Texteditor wie "Notepad++" oder dem "Windows Editor" und ändere die zweite Stelle mit der "textarea" (Kommentarfeld). Bei mir steht diese im Bereich "Formular anzeigen" in Zeile 457 und sieht so aus:

<textarea name="kommentar" id="kommentar" rows="12" cols="54" required="required" spellcheck="true"></textarea>

Schreibe da noch hinter die Anzahl der cols="54" (Breite des Eingabefeldes) eine Style-Anweisung für die maximale Breite von 100%, sodass das am Handy keinen Überlauf (Querscroller) gibt.

Schreibe dort also noch dazu:

style="max-width: 100%;"

<textarea name="kommentar" id="kommentar" rows="12" cols="54" style="max-width: 100%;" required="required" spellcheck="true"></textarea>

Kopiere die so geänderte Datei auf den Server.

... dann klappt das auch am Handy.



So ein klein wenig CSS würde ich aber schon anwenden - die kannst Du Dir aus der CSS-Datei vom Werner abgucken. Zum Beispiel sehen die Sternchen (vom Selektor "mark") so schrecklich aus - also schwarz auf weißem Hintergrund, obwohl Dein Hintergrund der Box eigentlich rot ist

https://www.meinlangengrassau.de/quatschen.php

... schreibe z.B. diese CSS in den Bereich "CSS Editor" vom "Code Editor" dieses Kommentar-Blocks:

Code: Alles auswählen

/* Pflichtangabe */
fieldset.kommentarBox mark {
  color: #f7ed4a;
  background-color: transparent;
}

Das würde dann schon mal so aussehen:

Kannst natürlich die Sternchen auch schwarz lassen und nur den Hintergrund transparent machen.

[Tommy Herrmann]

noch was ...

... eigentlich solltest Du diesen Block nochmals neu einbauen, da ja die CSS von Deinem Block jetzt nicht zu meinem, gestern hier geposteten Code, den Du da rein kopiert hast, gehört.

Speichere den jetzigen Block vorsichtshalber als "User Block" temporär ab.

So sieht dieser "Textblock" im Original aus:

Lösche also den im oberen Screenshot markierten Beispieltext, inklusive dem einleitenden <p> und dem schließenden </p> Tags und kopiere anstelle dessen den PHP-Include Befehl da rein:

... mehr ist es ja nicht, eigentlich geht es kaum einfacher.

Wenn dann alles klappt, solltest Du auch die Beispielseite vom Werner "demo.php" am Server wieder löschen.

[Tommy Herrmann]

... und noch etwas.

Ich habe das jetzt mal getestet und es funktioniert einwandfrei. Komischer Weise wurde mein erster Test doppelt eingetragen (vielleicht habe ich 2 x geklickt).

Du solltest aber die Einträge auf gar keinen Falls auf sofort sichtbar stellen, sonst hast Du da wahrscheinlich sehr bald Spam ohne Ende mit Links zu Pornoseiten und ähnlichem drinnen. Solche Einträge, wie auch z.B. Einträge in Gästebüchern, sollte man niemals automatisch freischalten

[struggle]

Hallo Tommy,

ich habe alles so geändert, wie es in Deinen Anleitungen steht

neuen "einfachen" Textblock eingefügt, entsprechend geändert und durch die CSS ergänzt, in der kommentar.php Einträge auf nicht sofort "sichtbar" gestellt und die entsprechenden Änderungen vorgenommen.

Ich habe nur noch die Reihenfolge der Einträge auf "absteigend" verändert, da ich gerne den letzten Eintrag "oben" sehen möchte.

Am Handy scheint alles zu stimmen !

Durch die Änderungen wurde die Schrift jetzt aber grau, vorher war sie schwarz. Das sieht nicht schön aus. Schöner wäre es, wenn die Schrift weiss wäre (ausser in der Textbox, da soll sie schwarz bleiben)

[Tommy Herrmann]

Ich weiß jetzt ja nicht welche CSS Du geändert hast, da steht was von:

Code: Alles auswählen

.mbr-text, blockquote {
  color: #767676;
}

ändere das wieder in schwarz:

Code: Alles auswählen

.mbr-text, blockquote {
  color: #000000;
}

Das kommt vielleicht von diesem Textblock ?!!

... ansonsten kopiere mal die gesamte CSS aus dem "CSS Editor" des Blocks und zeige sie hier.

[Tommy Herrmann]

Habe eben nochmals geguckt.

Ja das ist schlicht und einfach die voreingestellte Textfarbe:

... die hätte man vorher auf schwarz ändern sollen.

Ändere die Farbe nun im "CSS Editor" hier:

Code: Alles auswählen

.mbr-text, blockquote {
  color: #767676;
}

in schwarz:

Code: Alles auswählen

.mbr-text, blockquote {
  color: #000000;
}

[struggle]

Ich habe dem Textblock lediglich diese CSS beigefügt:

Code: Alles auswählen

/* Pflichtangabe */
fieldset.kommentarBox mark {
  color: #f7ed4a;
  background-color: transparent;
}

So sieht dann die ganze CSS aus:

Code: Alles auswählen

padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 15px);
background-color: @bgColor;
.mbr-text, blockquote {
  color: #767676;
}
fieldset.kommentarBox mark {
  color: #f7ed4a;
  background-color: transparent;
}

Ja, es ist einfach die vorab eingestellte Textfarbe, ändere ich auf schwarz.

[struggle]

Ich wollte einfach nur noch mal DANKESCHÖN sagen

[Tommy Herrmann]

... immer gerne

[Tommy Herrmann]

Tipp:

Falls Dir der Eingabebereich für die Kommentare zu hoch erscheint - so viel Text wird da nie jemand eintragen und außerdem entsteht bei viel Text ohnehin ein Scrollbalken - kannst Du diese "Textarea" natürlich auch kleiner machen, also z.B. die 12 Reihen in der Höhe:

rows="12"

<textarea name="kommentar" id="kommentar" rows="12" cols="54" style="max-width: 100%;" required="required" spellcheck="true"></textarea>

auf z.B. 6 Reihen (oder noch weniger) verringern:

rows="6"

<textarea name="kommentar" id="kommentar" rows="6" cols="54" style="max-width: 100%;" required="required" spellcheck="true"></textarea>

So würden dann 6 Reihen aussehen:

[Tommy Herrmann]

... aber wieso machst Du den Text hier schwarz, wenn die Texte eigentlich auf allen Seiten bei Dir weiß sind

https://www.meinlangengrassau.de/quatschen.php

So wird der Text weiß:

Code: Alles auswählen

.mbr-text, blockquote {
  color: #ffffff;
}

CSS - Sternchen Bewertung:

Das steht auch noch in der CSS-Datei vom Werner (keine Ahnung was das für Farben sind, musst Du gucken und anpassen), für zwei extra Farben der Bewertungs-Sternchen:

Code: Alles auswählen

fieldset.kommentarBox span.bewertung_ok {
  color: #ffd700;
}

fieldset.kommentarBox span.bewertung_ko {
  color: #c8c8c8;
}

Den obersten Wert sollte man hervorheben (das ist die vom Benutzer gewählte Bewertung) und der untere, zweite Wert ist der Rest der 3 Sternchen, also wenn z.B. nur 2 von 3 Sternchen gegeben wurden, den sollte man dann eher ausgrauen. Sonst sieht man ja gar nicht ob da jemand 1, 2 oder 3 Sterne als Bewertung gewählt hat.

[struggle]

Simmt, Du hast recht, stell ich noch auf WEISS !

Die Farben bei Fieldset sind
für OK

#ffd700.PNG (363 Bytes) 370 mal betrachtet

für KO

#c8c8c8.PNG (382 Bytes) 370 mal betrachtet

Was mich viel mehr nervt, nicht nur, daß ich bei jedem Öffnen von Mobirise aufgefordert werde:

Obendrein sind mal wieder sämtliche "Kacheln" weg, ohne irgendeinen Absturz o.ä.

[struggle]

Hallo Tommy.

CSS - Sternchen Bewertung:

Das steht auch noch in der CSS-Datei vom Werner (keine Ahnung was das für Farben sind, musst Du gucken und anpassen), für zwei extra Farben der Bewertungs-Sternchen:

Code: Alles auswählen

fieldset.kommentarBox span.bewertung_ok {
  color: #ffd700;
}

fieldset.kommentarBox span.bewertung_ko {
  color: #c8c8c8;
}

Ich habe in der CSS von Werner entsprechende Veränderungen vorgenommen.

Für OK die Farbe blau (#0f2d4e)
Für KO die Hintergrundfarbe (#db6400), so daß man diese Sternchen nicht sieht

Es Verändert sich aber nichts. Liegt es an der CSS-Anweisung im Editor. wo die Farbe weiß eingestellt ist ?

[Tommy Herrmann]

Moin,

wieso in der Datei vom Werner???

Diese CSS-Datei "kommentar.css" verwendest Du doch überhaupt nicht, die hast Du doch gar nicht eingebunden - woher sollte denn dann Mobirise etwas von dieser CSS-Datei wissen? Da brauchst Du dann auch nichts ändern


Was macht diese Datei überhaupt am Server bei Dir, wenn Du diese gar nicht verwendest (lösche die)

https://www.meinlangengrassau.de/kommentar.css


Nur zum Lernen:

... diese CSS-Datei müsste man mit diesem Verweis <link> im Bereich "Inside <head> code" in den Seiteneinstellungen von Mobirise einbinden:

Code: Alles auswählen

<link rel="stylesheet" href="kommentar.css">

Mache das aber nicht - die brauchst Du nicht. Die solltest Du auch nicht unverändert einbinden, denn dort stehen ja etliche Style-Anweisungen für die <html> oder den <body>, die Du in Mobirise überhaupt nicht haben willst, weil diese bereits von Mobirise oder Bootstrap gesetzt wurden. Werner setzt solche Anweisungen ja nicht für Mobirise, sondern für seine selbst programmierten HTML-Seiten, also die Seite "demo.php" und "kommentar.php".


Diese geänderten CSS-Klassen musst Du natürlich wieder in den "Code Editor" in den Bereich "CSS Editor" des Blocks in Mobirise kopieren - also genau wie auch schon die andere Class kopierst Du das zusätzlich in diesen Bereich:

Code: Alles auswählen

fieldset.kommentarBox span.bewertung_ok {
  color: #0f2d4e;
}

fieldset.kommentarBox span.bewertung_ko {
  color: #db6400;
}

... ich dachte das wäre Dir inzwischen klar, denn genauso hast Du es doch gerade erst auch hier getan

Ich habe dem Textblock lediglich diese CSS beigefügt:

Code: Alles auswählen

/* Pflichtangabe */
fieldset.kommentarBox mark {
  color: #f7ed4a;
  background-color: transparent;
}

[struggle]

Hallo Tommy,

diese Datei befindet sich deshalb auf dem Server, weil es in der Anleitung heißt, nach dem Entpacken in der kommentar.php die Einstellungen anpassen und dann alle Dateien auf den Server laden !
Und das sind: demo.php, kommemtar.css, kommentar.php, lies_mich.txt und install.php
Dann die install.php im Browser aufrufen und installieren.

Nach erfolgreicher Installation soll die install.php vom Webserver entfernt werden!

Was macht diese Datei überhaupt am Server bei Dir, wenn Du diese gar nicht verwendest (lösche die)

Da nur die install.php gelöscht werden soll, sind die anderen ja noch da !

Dann werde ich jetzt die geänderten CSS Klassen in den Code-Editor / CSS-Editor eintragen.

Danke für die Erklärung

[Tommy Herrmann]

Moin,

ja klar - das muss Werner ja so beschreiben, damit man das installieren und auch testen kann.

Die Datei "install.php" benötigt man zum konfigurieren, also zum Erstellen der Tabellen der MySQL-Datenbank beim Provider. Danach wird diese nicht mehr benötigt und man muss diese löschen, damit die Datei nicht böswillig erneut aufgerufen werden kann.

Alle anderen Dateien dieser Anwendung braucht man doch dann nicht mehr ...

... außer natürlich die Datei "kommentar.php", die ja die gesamte Anwendung auch ausführt und in Mobirise inkludiert (eingebettet) wurde.

[Tommy Herrmann]

Lokal am PC ...

... hebt man sich natürlich sämtliche Dateien dieser Anwendung auch gut auf und sichert diese möglichst noch extern an einem USB-Stick oder externen Laufwerk.

Ich hatte da schon mal arge Probleme, als Werner bereits 2 x seinen gesamte Domain platt gemacht hat und nichts mehr zur Verfügung stand.

Man weiß ja auch nie, wann man das vielleicht erneut braucht, vielleicht auch um eine ganz neue Datenbank zu erstellen oder man will etwas nachlesen.

Nach Jahren hat man alles vergessen und man sollte sich solche Anwendungen immer gut sichern.

[struggle]

Das werde ich tun, ich habedazu extra Ordner angelegt.

Jetzt habe ich noch eine Frage zum Design:

Werner hat ja diese Kommentarbox (und noch viele weitere Anwendungen) erstellt. Ihm war ja zunächst die Funktion und weniger das Design wichtig.

Besteht die Möglichkeit, daß man die Kommentare optisch trennt, so daß es etwas übersichtlicher aussieht, z.B. so wie hier:

Wahrscheinlich würde solch eine Trennlinie in weiss noch besser aussehen !