XH 1.7, Pagemanager 3, Icon-Font
Posted: Sat Mar 25, 2017 3:54 pm
Hi zusammen,
es gibt Diskussion über Icon-Fonts in CMSimple_XH 1.7 und speziell in Pagemanager 3.
Ein Vorschlag.
Font Awesome für XH 1.7 - UND - als Beispiel für Pagemanager 3.0beta1.
fa-for-xh.zip
Im ZIP sollten alle nötigen Dateien enthalten sein.
Ordner "fonts" enthält FontAwesome. Kommt in assets.
font-awesome.min.css kommt in assets/css.
In core.css ist nur die erste Zeile hinzugefügt - sonst nichts verändert.
Plugin Pagemanager:
2 classes sind dabei mit Fix für die Checkboxen.
stylesheet.css kommt in css.
\views\widget.php - hier war eine minimale Änderung nötig.
Nachteile:
Sollt ihr feststellen. Habe noch keine gefunden.
Vorteile:
- Einheitliches Aussehen (Icon-Font) könnte nach und nach bei CMSimple_XH einziehen.
- Kann von Plugins verwendet werden.
- Kann sogar von Templates verwendet werden.
- Kann auch bei der Inhaltsbearbeitung verwendet werden, sofern die Fontawesome-Plugins für die Editoren installiert sind. Die gibt es schon.
...
Zu Pagemanager:
Ich habe es jetzt rein mit CSS gelöst. Die Buttons sind Browser-eigene.
- accessible (Tab-Taste, nicht aktive Buttons werden übersprungen
Es ginge auch anders, wenn in widget.php die Schleife nicht wäre. Dann könnte man die Icons auch noch human-readable dort einfügen.
Als Demo habe ich nur den Löschen-Button rot gemacht. Alles ist möglich.
Nach einigen Versuchen bin ich aber drauf gekommen, dass ein gemildertes Schwarz immer noch am besten passt.
Was mit den Icons aus jstree.min.js wird ... keine Ahnung
Bin gespannt, was ihr sagt.
Ach so. FontAwesome habe ich genommen, weil es schon oft verwendet wird (fhs-adminmenu).
es gibt Diskussion über Icon-Fonts in CMSimple_XH 1.7 und speziell in Pagemanager 3.
Ein Vorschlag.
Font Awesome für XH 1.7 - UND - als Beispiel für Pagemanager 3.0beta1.
fa-for-xh.zip
Im ZIP sollten alle nötigen Dateien enthalten sein.
Ordner "fonts" enthält FontAwesome. Kommt in assets.
font-awesome.min.css kommt in assets/css.
In core.css ist nur die erste Zeile hinzugefügt - sonst nichts verändert.
Plugin Pagemanager:
2 classes sind dabei mit Fix für die Checkboxen.
stylesheet.css kommt in css.
\views\widget.php - hier war eine minimale Änderung nötig.
Nachteile:
Sollt ihr feststellen. Habe noch keine gefunden.
Vorteile:
- Einheitliches Aussehen (Icon-Font) könnte nach und nach bei CMSimple_XH einziehen.
- Kann von Plugins verwendet werden.
- Kann sogar von Templates verwendet werden.
- Kann auch bei der Inhaltsbearbeitung verwendet werden, sofern die Fontawesome-Plugins für die Editoren installiert sind. Die gibt es schon.
...
Zu Pagemanager:
Ich habe es jetzt rein mit CSS gelöst. Die Buttons sind Browser-eigene.
- accessible (Tab-Taste, nicht aktive Buttons werden übersprungen
Es ginge auch anders, wenn in widget.php die Schleife nicht wäre. Dann könnte man die Icons auch noch human-readable dort einfügen.
Als Demo habe ich nur den Löschen-Button rot gemacht. Alles ist möglich.
Nach einigen Versuchen bin ich aber drauf gekommen, dass ein gemildertes Schwarz immer noch am besten passt.
Was mit den Icons aus jstree.min.js wird ... keine Ahnung
Bin gespannt, was ihr sagt.
Ach so. FontAwesome habe ich genommen, weil es schon oft verwendet wird (fhs-adminmenu).