Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung |
plugins:icons [05.05.2024 18:58] – Nikolaus Müller-Büchele | plugins:icons [06.08.2024 18:36] (aktuell) – Nikolaus Müller-Büchele |
---|
====== icons ====== | ====== icons ====== |
| <grid><col sm="12" lg="6"> |
Verfügbar sind Font-Awesom {{fa>thumbs-o-up}} oder Material Design Icons {{mdi>thumb-up-outline}}. Die Glyphicons werden in Bootstrap zukünftig nicht mehr angeboten. | Verfügbar sind Font-Awesom {{fa>thumbs-o-up}} oder Material Design Icons {{mdi>thumb-up-outline}}. Die Glyphicons werden in Bootstrap zukünftig nicht mehr angeboten. |
| </col><col sm="12" lg="6"> <code>Verfügbar sind Font-Awesom {{fa>thumbs-o-up}} oder Material Design Icons {{mdi>thumb-up-outline}} </code> |
| </col></grid> |
| |
Im Editor wird eine Liste der verfügbaren Icons über den {{:wiki:dokuwiki-128.png?nolink&20|}} -Button eingeblendet, der "Insert"-Button unter der Icons-Liste funktionierte aber noch nie (zumindest unter Firefox). | Im Editor wird eine Liste der verfügbaren Icons über den {{:wiki:dokuwiki-128.png?nolink&20|}} -Button eingeblendet. |
| |
Es handelt sich um frei verfügbare Icons der Bibliotheken: | Es handelt sich um frei verfügbare Icons der Bibliotheken: |
* [[https://pictogrammers.com/library/mdi/|Material Design]] | * [[https://pictogrammers.com/library/mdi/|Material Design]] |
* [[https://fontawesome.com/search?o=r&m=free|Font Awesom]] | * [[https://fontawesome.com/search?o=r&m=free|Font Awesom]] |
| |
| Der "Insert"-Button unter der Icons-Liste funktionierte aber leider noch nie (zumindest unter Firefox). Sie können aber über die Liste den Namen des gewüschten Icons ermitteln und dann das Icon manuell in Ihren Text einfügen. Die Syntax für das Icon ''iconname'' ist ''%%{{fa>iconname}}%%'' für Font Awesom bzw. ''%%{{mdi>iconname}}%%'' für Material Design, Beispiele s. oben. |
| |
| |
| |
| |