Super Color-Picker nach oben öffnen! Aktualisiert 26.08.22
Will man nur das Menü mit der Farbpalette nach oben öffnen, geht das sogar über Eigener CSS Code!
Installation nur für die Template (v1-4)
Einbau-Anleitung:
• Rechte Maustaste auf Menü-Icon! • ID unter "Element untersuchen" oder "Untersuchen" finden! • id="xob_sub_..." (hier 70) suchen und wie folgt in die CSS schreiben! • Der negative Wert von "margin-top" muss so angepasst werden, dass der untere Rand des geöffneten Menüs gerade noch das Menü-Icon berührt! • Das Template wird nicht verändert!
Du hast Dich selbst übertroffen, es funktioniert nun alles wunderbar! Es sind keine Änderungen an den Templates mehr nötig und die Farben werden sowohl bei einem neuen Beitrag sowie bei einer Beitragsänderung angezeigt.
Hier der Beweis:
Mein Farbpicker ist auf die Bedürfnisse meiner Mitglieder zugeschnitten. Die Anzeige erfolgt über dem Icon und der Hintergrund ist auch angepaßt.
Ich habe mir nun den fürs Standard-Template aktualisierten Colorpicker-Code in die Iconbar eingefügt, und tatsächlich: Es funktioniert jetzt einwandfrei! Super! Vielen herzlichen Dank, lieber Wolfgang! Sehr erfreulich, dass das nun so schön funktioniert!
Ich verwende in allen meinen Foren das Standard-Template.
Hilfe-Datei für den Super Color-Picker! Aktualisiert 28.08.22
Es kann auch sinnvoll sein, in Form von Hilfe-Dateien den Color-Picker aufzurüsten und mehr Informationen anbieten, besonders dann, wenn er mit vielen Funktionen ausgerüstet ist! Die folgende Hilfe lässt sich über ein "Fragezeichen-Icon" öffnen und schließen. Zusätzlich ist ein Schließen über das bekannte "X" möglich!
Installation für alle Template & Mobil
Einbau-Anleitung:
Iconbar öffnen unter "Amin > Layout > Iconbar"
Reiter "HTML" anklicken und das neue Script unter "HTML" eintragen!
Namen vergeben (z.B.: Hilfe) und unter "Name" eintragen!
Speichern nicht vergessen!
"Hilfe-Datei" in die Gruppe "Farben" unter die Standard-Farben schieben!
In Zeile 10 kann das Hilfe-Icon ausgetauscht werden!
In Zeile 3 wird das Info-Fenster formatiert und kann beliebig angepasst werden!
In Zeile 4 wird die Schriftgröße eingestellt!
In Zeile 15-36 kann der Hilfe-Text gestaltet werden. Hier, einschließlich "Glow"!
<h5>Wie funktioniert die Farbauswahl?</h5> <ul> <li>Texte können mit den unterschiedlichsten Farben dargestellt werde!<br></li> <li><b>Zuerst</b> wird der Text markiert, der eingefärbt werden soll!</li> <li>Die Textfarbe kann durch Anklicken der oberen Standardfarben verändert werden!</li> <li>Soll der Text mit einer besonderen Farbe versehen werden, wird das mit einem Klick in die große Farbauswahl durchgeführt!</li> <li>Im rechten Farbfeld kann die aktuelle Farbe eingesehen werden!</li> <li>Die zuletzt genutzte Farbe wird im unteren Farbfeld gespeichert und kann durch ein Mausklick erneut verwendet werden!</li> <li>Zusätzlich wird im unteren Feld zur Farbe der Farbcode angezeigt!</li> </ul>
<br>
<h5>Wie funktioniert die Auswahl mit den Leuchtfarben "Glow"?</h5> <ul> <li>Texte können mit leuchtenden Farben dargestellt werde!</li> <li><b>Zuerst</b> wird auch hier der Text markiert, der eingefärbt werden soll!</li> <li>Die Glow-Textfarbe kann durch Anklicken der Glow-Farben verändert werden!</li> <li>Zur Zeit stehen sieben unterschiedliche Leucht-Farben zur Verfügung!</li> </ul>
Sehr große Hilfe-Datei für den Super Color-Picker! Aktualisiert 28.08.22
Fällt die Hilfe sehr groß aus und soll das Hilfe-Fenster klein bleiben, sind noch zusätzliche Themen-Spoiler nötig, die jeweils ein Hilfe-Thema öffnen! Die folgende Hilfe lässt sich auch hier über ein "Fragezeichen-Icon" öffnen und schließen. Auch über das "X" ist ein Schließen möglich! Mit Scroll-Funktion, mit zusätzliche Überschrift und automatischer Anpassung der Fensterbreite!
Installation für alle Template & Mobil
Einbau-Anleitung:
Iconbar öffnen unter "Amin > Layout > Iconbar"
Reiter "HTML" anklicken und das neue Script unter "HTML" eintragen!
Namen vergeben (z.B.: Hilfe) und unter "Name" eintragen!
Speichern nicht vergessen!
"Hilfe-Datei" in die Gruppe "Farben" unter die Standard-Farben schieben!
In Zeile 11+12 kann das Hilfe-Icon ausgetauscht werden!
In Zeile 2 wird das Info-Fenster formatiert und kann beliebig angepasst werden!
In Zeile 4 wird die Schriftgröße eingestellt!
In Zeile 18-36 kann der Hilfe-Text gestaltet werden. Hier, einschließlich "Glow"!
<h5>Wie funktioniert die Farbauswahl?</h5> <ul> <li>Texte können mit den unterschiedlichsten Farben dargestellt werde!</li> <li><b>Zuerst</b> wird der Text markiert, der eingefärbt werden soll!</li> <li>Die Textfarbe kann durch Anklicken der oberen Standardfarben verändert werden!</li> <li>Soll der Text mit einer besonderen Farbe versehen werden, wird das mit einem Klick in die große Farbauswahl durchgeführt!</li> <li>Im rechten Farbfeld kann die aktuelle Farbe eingesehen werden!</li> <li>Die zuletzt genutzte Farbe wird im unteren Farbfeld gespeichert und kann durch ein Mausklick erneut verwendet werden!</li> <li>Zusätzlich wird im unteren Feld zur Farbe der Farbcode angezeigt!</li> </ul>
<div style="clear:both;"></div>
<h5>Wie funktionieren die Leuchtfarben "Glow"?</h5> <ul><li>Texte können mit leuchtenden Farben dargestellt werde!</li> <li><b>Zuerst</b> wird auch hier der Text markiert, der eingefärbt werden soll!</li> <li>Die Glow-Textfarbe kann durch Anklicken der Glow-Farben verändert werden!</li> <li>Zur Zeit stehen sieben unterschiedliche Leucht-Farben zur Verfügung!</li> </ul>