WBCE CMS Forum

Slugger

Mitglied

Anleitung Colorpicker von Hortal/Vertikal für andere Templates

Servus,
gibt es eine Anleitung mit dem man den Colorpicker in andere Templates/Themes einbauen kann?
Gruß,

---

Hoster: ALL-INKL *** Grundsätzliche WBCE Konfig ***
WBCE: 1.5.4 • BE: 2.1.0 • PHP: 8.1.16 * 1. Projekt: FE: Simple responsive • BE: Argos * 2. Projekt: FE: hortal • BE: Argos * 3. Projekt: FE: WBCEZon • BE: Argos * 4. Projekt: FE: WBCETik • BE: Argos
Status Projekt 1-4:  OK

boeseroeser

Gast

Re: Anleitung Colorpicker von Hortal/Vertikal für andere Templates

Da schauts schlecht aus, das Teil ist eben eher experimentell..
Ich bringe ihn zwar immer wieder zum laufen, weiß aber oft nicht warum ;-)
Sollte mal bereinigt und so irgendwie standardisiert werden.

Slugger

Mitglied

Re: Anleitung Colorpicker von Hortal/Vertikal für andere Templates

Hast du eine "experimentelle" Anleitung ... ?

Bevor ich mir jetzt einen Wolf suche ... dann habe ich mal einen Anfang wie es in etwa aufgebaut ist.
Danke.

---

Hoster: ALL-INKL *** Grundsätzliche WBCE Konfig ***
WBCE: 1.5.4 • BE: 2.1.0 • PHP: 8.1.16 * 1. Projekt: FE: Simple responsive • BE: Argos * 2. Projekt: FE: hortal • BE: Argos * 3. Projekt: FE: WBCEZon • BE: Argos * 4. Projekt: FE: WBCETik • BE: Argos
Status Projekt 1-4:  OK

boeseroeser

Gast

Re: Anleitung Colorpicker von Hortal/Vertikal für andere Templates

Ich kann ihn Mal bei irgendeinem template einbauen und notieren, wie ich es gemacht habe :-)
Aber nicht sofort, nächste Woche.

Slugger

Mitglied

Re: Anleitung Colorpicker von Hortal/Vertikal für andere Templates

Kein Ding, wenn es soweit ist lese ich es ja.
Schonmal vielen Dank 

---

Hoster: ALL-INKL *** Grundsätzliche WBCE Konfig ***
WBCE: 1.5.4 • BE: 2.1.0 • PHP: 8.1.16 * 1. Projekt: FE: Simple responsive • BE: Argos * 2. Projekt: FE: hortal • BE: Argos * 3. Projekt: FE: WBCEZon • BE: Argos * 4. Projekt: FE: WBCETik • BE: Argos
Status Projekt 1-4:  OK

boeseroeser

Gast

Re: Anleitung Colorpicker von Hortal/Vertikal für andere Templates

Sodanna
Ich hoffe, das ist jetzt ausgereift genug. Anbei ein gezipptes Verzeichnis colorset

Die Anleitung klingt schlimmer als es ist; ist alles Copy/Paste:

Vorab:
das Verzeichnis colorset in das Verzeichnis /templates/[deintemplate]/

/templates/[template]/index.php

1)
Feststellen, ob der User Admin ist:

[== PHP ==]
$template_edit_link = false;
if ($wb->is_authenticated()) {
	if ($wb->ami_group_member('1')) {$template_edit_link = true;}
	// if ($wb->ami_group_member('2')) {$template_edit_link = true;}  // ggf weitere Gruppen
	$template_edit_link = true;	
	$refreshstring = '?rs='.time(); //force refresh of css and js
}

2)
als letztes (= nach allen anderen) CSS aufrufen:

[== HTML ==]
<link href="<?php echo TEMPLATE_DIR; ?>/colorset/colorset.php<?php echo $refreshstring; ?>" rel="stylesheet" type="text/css" / >

3)
Am ende des Body:

[== PHP ==]
if ($template_edit_link == true) {include 'colorset/colorpicker.inc.php';} 

===============================================================================

/templates/[deintemplate]/editor.css
Ganz oben:
@import url(colorset/colorset.php);

Die editor.css sollte keine Farbangaben enthalten, die vom Colorchooser definiert werden, sonst werden diese im Editor falsch dargestellt.

===============================================================================

/templates/[deintemplate]/colorset/colorpicker.inc.php

$colorArr = array();
$colorArr[] = array('body');
....

Hier werden die Namen angegeben, die im ColorChooser angezeigt werden. Das sind NICHT (zwangsläufig) die HTML-Tags, aber es sollten kurze Namen sein.
Du kannst beliebig viele angeben, aber übertreibe es nicht.

===============================================================================

/templates/[deintemplate]/colorset/colors.txt

Hier werden die Farben eingesetzt. Beginnend von oben bei 0
Beispiele:
body {color:#[f0];} /* [f0] wird durch den 1.(!) Farbwert ersetzt.*/
a {color: #[f3];} /* [f3] wird durch den 4.(!) Farbwert ersetzt. */

===============================================================================

Am Schluss:
/templates/[deintemplate]/colorset/colorset.php

Setze in die Variable $default_params die gewünschten Vorgabewerte ein.
zB
$default_params = '1b8947,deecf5,d6d6d6,184767,df5920,47b8b8,89bc43,ffed00,ffed00,dc5a23';

Das geht am einfachsten, indem du die Datei param.txt vom Server lädst und per Copy/Paste einsetzt.
param.txt wird gespeichert, wenn du auf "Save Server" klickst.

Alternativ kannst du eine param.txt auch selbst auf den Server laden.

Wenn du Fragen hast: nur zu.

Beitrag geändert von boeseroeser (09.05.2019 18:34:18)

Slugger

Mitglied

Re: Anleitung Colorpicker von Hortal/Vertikal für andere Templates

Hallo boeseroeser,
ich wollte mal eine Rückmeldung geben.

Habe das Teil gemäß deiner Anleitung problemlos einbauen können.

An diesen Dateien bin ich noch am anpassen.

• /templates/[deintemplate]/editor.css

• /templates/[deintemplate]/colorset/colorpicker.inc.php

• /templates/[deintemplate]/colorset/colors.txt

Muss mich da erstmal wieder rein arbeiten, habe schon lange nicht mehr mit CSS und Co. gemacht.

---

Hoster: ALL-INKL *** Grundsätzliche WBCE Konfig ***
WBCE: 1.5.4 • BE: 2.1.0 • PHP: 8.1.16 * 1. Projekt: FE: Simple responsive • BE: Argos * 2. Projekt: FE: hortal • BE: Argos * 3. Projekt: FE: WBCEZon • BE: Argos * 4. Projekt: FE: WBCETik • BE: Argos
Status Projekt 1-4:  OK