WBCE Home | WBCE Hilfe | WBCE Addon Repository | Impressum | Datenschutz

WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 30.04.2019 17:47:51

Slugger
Member

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ß,

Online

#2 30.04.2019 19:28:05

boeseroeser
Member

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.

Online

#3 01.05.2019 19:28:01

Slugger
Member

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.

Online

#4 01.05.2019 20:56:07

boeseroeser
Member

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.

Online

#5 02.05.2019 11:29:08

Slugger
Member

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

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

Online

#6 09.05.2019 18:32:57

boeseroeser
Member

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.

Last edited by boeseroeser (09.05.2019 18:34:18)

Online

Liked by:

byteworker

#7 21.05.2019 10:20:55

Slugger
Member

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.

Online

Board footer

Powered by FluxBB

up