Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.22 veröffentlicht (31.12.19)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
CSS-Formular farblich an verschiedene Themes anpassen?
#1
Hallo ihr Lieben!  Rose

Der Klecks hat diesmal kein Problem, sondern mehr eine Spinnerei  Blush Aber vielleicht hat ja trotzdem jemand eine Idee...?

In meinem Forum stelle ich in einem Thread ein CSS-Formular bereit, was von den Usern ausgefüllt und ins Profil kopiert werden kann. Warum das und keine Profilfelder? Ist schön bunt zum Anschauen und die User mögen es.

Nun möchte ich gern (extravagant wie ich bin ^^) dass die Farben des Formulars mit der Auswahl des Themes variieren, und am besten noch anderen Usern beim Betrachten des Profils in den zu ihrem eigenen Theme passenden Farben angezeigt werden. 

CSS-Klassen fallen leider flach, weil das Formular nur 1x vorhanden ist und folglich nur eine Klasse gleichzeitig verwendet werden kann. Man könnte für jedes Theme ein eigenes zur Auswahl stellen, was ich aber als eher unelegante Lösung empfinde. 

Ist das was mir vorschwebt überhaupt möglich? Wenn ja, was müsste ich dafür tun? Könnte man das auch anders lösen? Ein Tipp würde mir reichen Wink 

Liebe Grüße vom Klecks
Zitieren
#2
(25.01.2020, 01:27)Tintenklecks schrieb: CSS-Klassen fallen leider flach, weil das Formular nur 1x vorhanden ist......

Ich habe momentan keine Ahnung, wie Dein Formular aussieht und wie Du das genau meinst, aber....
Wenn Du für Dein Formular in jedem Theme das CSS definierst, dann solltest Du eigentlich das Gewünschte
erreichen.
Klar ist das Formular nur einmal vorhanden, aber es greift doch auf das CSS des jeweiligen Themes zu.

Evtl. habe ich Dich auch falsch verstanden?!
Zitieren
#3
Huhu Schnapsnase!

Danke dass du dich meiner (mal wieder) annimmst! Smile

Das Formular sieht aus wie siehe unten. Wie man sieht ist es ein reines Stylesheet, User kopiert es, füllt die Textfelder aus und kopiert es dann ins Profil. Ich habe schon versucht die Style-Tags durch Klassen zu ersetzen, aber dann wird einfach außer Text nichts angezeigt. Ich vermute mal so gewagt, weil das Ding eben nicht weiß wohin es gehört und wo es die Klassen suchen muss, denn es gammelt ja nur in einem Thread rum und ist nirgends fest hinterlegt. Wenn ich es zb. als Template hinterlege, weiß ich aber nicht ob das mit dem Ausfüllen und Kopieren noch so funktioniert (ich denke eher nicht?) 

Oder bin ich da jetzt völlig auf dem falschen Dampfer und hab nen Riesenhirnwurm?  


Code:
<link href="https://fonts.googleapis.com/css?family=Playfair Display SC" rel="stylesheet">
<center><div style="background:black; color:#7d8056; text-align:justify; font-size:13px; font-family:Marcellus; line-height:14px; width:500px; background-image: url('https://forum1.lost-chronicles.net/images/sonstiges/DingsiLC.png'); background-repeat: no-repeat; width:470px;height:190px;">
</div><div style="background:#1c3316; color:#7d8056; text-align:justify; font-size:13px; font-family:Calibri; line-height:14px; width:450px; padding:10px;"><br><br><font face="Marcellus SC" size="4">Grundsätzliches</font><br>

<font size="2"><b>»NAME:</b></font><br>

Der volle Name deines Charakters


<font size="2"><b>»GENANNT:</b></font><br>

Spitz- oder Rufnamen?


<font size="2"><b>»ALTER:</b></font><br>

Bitte in Jahren angeben


<font size="2"><b>»VOLK/WESEN:</b></font><br>

Mensch, Elf, Zwerg oder Fabelwesen...? Für Völker die es im Forum noch nicht gibt, bitte detaillierte Beschreibung.



<font size="2"><b>»HERKUNFT:</b></font><br>

Von welchem Ort und welcher Welt stammt er?


<font size="2"><b>»FAMILIE:</b></font><br>

Wer sind seine Eltern und/oder ihm wichtige Personen?
(Auch Begleiter in fester Bindung zählen dazu)


<font size="2"><b>»ERSCHEINUNG UND STIL:</b></font><br>

Größe, Haarfarbe, Augenfarbe, auffällige Merkmale, bevorzugte Kleidung?



</div><div style="background:#7d8056; color:#1c3316; text-align:justify; font-size:13px; font-family:Calibri; line-height:14px; width:450px; padding:10px;"><br><br><font face="Marcellus SC" size="4">PERSÖNLICHKEIT UND FÄHIGKEITEN</font>

<font size="2"><b>»PERSÖNLICHKEIT:</b></font><br>

Finsterling, netter Kerl oder etwas dazwischen?


<font size="2"><b>»TÄTIGKEIT:</b></font><br>

Genauere Ausführungen zum Beruf


<font size="2"><b>»STÄRKEN UND SCHWÄCHEN:</b></font><br>

+
+
+
-
-
-
(Stärken und Schwächen sollten ausgeglichen sein)


<font size="2"><b>»FERTIGKEITEN:</b></font><br>

Schwertkämpfer, Meisterschmied, Naturbursche?


<font size="2"><b>»MAGIE UND ZAUBER:</b></font><br>

Sofern vorhanden, bitte eine detaillierte Auflistung


<font size="2"><b>»ARTEFAKTE:</b></font><br>

Besitzt er welche? Bitte detaillierte Beschreibung.


<br><br></div><div style="background:#1c3316; color:#7d8056; text-align:justify; font-size:13px; font-family:Calibri; line-height:14px; width:450px; padding:10px;"><br><br><font face="Marcellus SC" size="4">WIE DAS LEBEN SO SPIELT...</font>

<font size="2"><b>»GEBURT:</b></font><br>

Als wievieltes von wievielen Kindern, Familie arm/reich/mittelständisch, Wunschkind oder Unfall? Biologisches benötigen wir nur bei außergewöhnlichen Umständen.


<font size="2"><b>»KINDHEIT:</b></font><br>

Wie ging es weiter?


<font size="2"><b>»WERDEGANG:</b></font><br>

Wie wurde er zu dem, der er heute ist?


<font size="2"><b>»GEGENWART:</b></font><br>

Was macht er jetzt gerade?


<font size="2"><b>»MOTIVATION:</b></font><br>

Was treibt ihn an, was hat er vor?


<br></div><div style="background:#7d8056; color:#1c3316; text-align:justify; font-size:13px; font-family:Calibri; line-height:14px; width:450px; padding:10px;"><br><br><font face="Marcellus SC" size="4">HINTER DEN KULISSEN</font>

<font size="2"><b>»AVATAR:</b></font><br>

Bitte den Namen der Avatarperson angeben oder Bildtitel und Erlaubnis des Künstlers hinterlegen


<font size="2"><b>»ALTER:</b></font><br>

Bist du über 16?


<font size="2"><b>»ZUTRITT ZUM FSK18-BEREICH</b></font><br>

Bist du über 18?


<font size="2"><b>»GESUCH?</b></font><br>

Wenn Ja, welches?


<font size="2"><b>»STECKBRIEF/AVATAR-WEITERGABE:</b></font><br>

Ist die Weitergabe des Charakters und der Avatarperson erlaubt, falls du uns wieder verlassen solltest (was wir ja nicht hoffen)?


<font size="2"><b>»BILDERNACHWEIS:</b></font><br>

Woher stammen die Bilder für dein Set (Avatar, Signatur usw)?
Bitte folgende Daten angeben:
Bei gemalten Bildern: Bildtitel, Künstler und Link zum Bild
Bei Fotos: Name der Avatarperson und Link zum Bild
Ist der Name der Avatarperson nicht bekannt: Angabe wie bei gemalten Bildern


<font size="2"><b>»REGELN?</b></font><br>

Gelesen und verstanden?


<font size="2"><b>»ANDERE CHARAKTERE?</b></font><br>

Hast du im Lost Chronicles bereits andere Charaktere?


<font size="2"><b>»ANMERKUNGEN:</b></font><br>

Möchtest du uns noch etwas mitteilen?


<br><br></div><div style="background:#1c3316; color:#7d8056; text-align:justify; font-size:13px; font-family: Calibri; line-height:14px; width:450px; padding:10px;"><br><center><font face="Marcellus SC" size="4">LOST CHRONICLES</font>

<center><img style="center;"src="https://forum1.lost-chronicles.net/images/sonstiges/Dingsifoot2.jpg" alt="Footer" width="450px" height="120px" title="Lost Chronicles"></center>
</div></center>
Zitieren
#4
Alles, was Du hier mit Inlinestyle erreichst geht natürlich auch über eindeutige Selektoren in einer css-Datei.
Beispiel:
Code:
<div class="formularheader"></div>
CSS Theme1
Code:
.formularheader {
background:#1c3316;
CSS Theme2
Code:
.formularheader {
background:#999;

U.s.w.
In jedem Theme definierst Du jetzt Deine gewünschten css-Anweisungen.
Ich habe der Übersichtlichkeit halber für solche Dinge eine separate CSS-Datei und definiere es nicht in der global.css.
Das sollte aber Geschmackssache sein/bleiben.
Zitieren
#5
Sollte es in Beiträgen dennoch nicht funktionieren, dann teste mal bitte das
Ganz ungefährlich ist das aber nicht. Wink
Zitieren
#6
Yay mein Held!  Heart

Es war ein bissi Gefrickel, aber am Ende hat's doch geklappt! MyBB mag scheinbar nicht jede Syntax, weshalb mein 1. Versuch wohl in die Hose ging und ich mich auf dem Holzweg wähnte.

Ich muss gestehen, dass ich die CSS-Option schon vor einiger Zeit aufgebohrt und alle Warnungen ignoriert habe  Blush No risk no fun... oder so *flöt* 

Wünsche dir noch einen schönen Samstag und reiche dir zum Dank ein Feierabendbier! =^.^=

Ganz liebe Grüße vom Klecks und eh ja... man liest sich bestimmt  Big Grin
Zitieren
#7
Danke für`s Bier.... Big Grin 
Ich hatte eben schon etwas an mir gezweifelt und hab`s deshalb bei mir getestet....
Funktioniert natürlich auch ohne meine zuletzt verlinkte Änderung.

Viel Spaß!
Zitieren
#8
(25.01.2020, 14:46)Tintenklecks schrieb: Ich muss gestehen, dass ich die CSS-Option schon vor einiger Zeit aufgebohrt und alle Warnungen ignoriert habe  Blush No risk no fun... oder so *flöt* 

Angenommen du hast es so gemacht wie von Schnapsnase verlinkt bzw. dem guten alten Mr Brechreiz geschrieben, dann hast du nicht nur CSS "aufgemacht". Das ist absolut nicht zu empfehlen und ich verstehe nicht, wie man so verantwortungslos mit Benutzereingaben umgehen kann und diesen vertraut. Wenn du einen anderen Weg gefunden hast, dann wird es hoffentlich der bessere sein.

Nicht umsonst haben die Mybb Entwickler ursprünglich folgenden Kommentar beigefügt:

PHP-Code:
// Replace base, meta,script and style tags in our post - these are > dangerous < 


Grüße
My  Plugins: See all
Zitieren
#9
(25.01.2020, 15:33)itsmeJAY schrieb:
(25.01.2020, 14:46)Tintenklecks schrieb: Ich muss gestehen, dass ich die CSS-Option schon vor einiger Zeit aufgebohrt und alle Warnungen ignoriert habe  Blush No risk no fun... oder so *flöt* 

Angenommen du hast es so gemacht wie von Schnapsnase verlinkt bzw. dem guten alten Mr Brechreiz geschrieben, dann......

Hi JAY,

ich hatte bereits geschrieben, dass obige Änderung in der inc/class_parser.php für das Vorhaben des Threaderstellers nicht notwendig ist. Man (ich) weiß auch nicht genau, was mit "CSS aufgebohrt" gemeint war....
HTML im jeweiligen Forum zu erlauben ist allerdings notwendig und auch nicht gänzlich ungefährlich.
Da gebe ich Dir Recht.
Zitieren
#10
Grüß dich, JAY!

Ich weiß schon was du meinst, und wären wir ein Forum mit einer riesen Community und hoher Fluktuation, hätte ich darauf auch sicher verzichtet. Ich hab's damals machen müssen, weil die Visitenkarten unserer Partnerseiten sonst nicht richtig angezeigt werden, und das sieht dann sehr häßlich aus. 

Ob ich genau diese Anleitung verwendet habe weiß ich gar nicht, ich meine ich hätte sie aus dem englischen Forum gehabt (ist schon ne Weile her). Wenn mir jemand eine "ungefährlichere" Variante nennen kann, nehme ich die natürlich gern auch! 

Danke jedenfalls für den Hinweis, sollte ich schlechte Erfahrungen machen kommt es natürlich wieder raus. Für den Fall eines Super-GAUs fährt mein Serveranbieter tägliche Backups, so gescheit bin ich schon Wink 

Liebe Grüße vom Klecks
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Zitat-Feld farblich hervorheben ItalianCars 17 1.371 23.02.2017, 00:42
Letzter Beitrag: sjfm
  Schriftfarbe des Editors für verschiedene Themes Grumpy 2 544 10.12.2016, 18:36
Letzter Beitrag: Grumpy
  css - Index- und Threadseite anpassen hkkp 8 734 27.04.2014, 14:17
Letzter Beitrag: hkkp
  einzelne Forenbereiche farblich unterscheiden Kalle 7 929 23.02.2014, 16:28
Letzter Beitrag: StefanT
  Forum Container & Hintergrund an verschiedene Auflösungen anpassen Gobee129 4 1.673 04.01.2014, 18:55
Letzter Beitrag: modercol