Aufzählungszeichen

Aufzählungszeichen

von Ute Heck -
Anzahl Antworten: 5

Hallo zusammen, 

ich arbeite gerade an einem Moodle-Kurs und würde gerne für die Aufzählung der Lernziele jedes Kursabschnittes nicht den üblichen schwarzen Punkt als Aufzählungszeichen nutzen. Gibt es eine Möglichkeit, auch eine Auswahl anderer Bullets irgendwo zu hinterlegen? Mir geht es insbesondere um ein selbst kreiertes Aufzählungszeichen, das als Bild vorliegt. 

 Würde mich sehr über einen Tipp freuen! 

Liebe Grüße 

Ute


Mittelwert:  -
Als Antwort auf Ute Heck

Re: Aufzählungszeichen

von Martin Smaxwil -
Nutzerbild von Besonders aktive Moodler

Hallo.

Dafür gibt es mehrere Möglichkeiten, z.B. mit CSS via list-style-image. Wenn das eher die Ausnahme ist, kannst Du das direkt im Editor erledigen:

  1. Lege Deine Aufzählung als "Ungeordnete Liste" (= Bullet Points, nicht nummeriert) an.
  2. Wechsele mit dem Button [<>] in den HTML-Modus.
  3. Füge in den Tag <ul> z.B. folgendes ein:
    <ul style="list-style-image:url(http://icons.iconarchive.com/icons/roundicons/100-free-solid/16/target-icon.png);">
  4. Wechele zurück in den WYSIWYG-Editor.

Ta-dah:

  • Erstens
  • Zweitens
  • Drittens

Hintergrund-Infos?

  1. Das sog. inline CSS besteht aus der Angabe style="...", die direkt in den entspr. HTML-Tag notiert wird.
  2. Innerhalb der "..." steht die Eigenschaft, die manipuliert werden soll (hier list-style-image) und der Wert, den diese Eigenschaft haben soll - im Format [Eigenschaft] [Doppelpunkt] [Wert] [Semikolon]
  3. Ein list-style-image benötigt immer eine URL, die in Klammern notiert wird. Diese kann absolut (mit https://www...) oder relativ sein, z.B. /theme/meintheme/pix/bild.jpg
  4. Das "verlinkte" Bild sollte am besten auf Deiner eigenen Moodle-Instanz abgelegt sein, Quellen aus dem Internet könnten wieder verschwinden, ohne dass Du informiert wirst zwinkernd Dann wird wieder das Standard-Aufzählungszeichen angezeigt.
  5. Man kann keine Größenangaben zu dem Bild machen. Es sollte also etwa 16px * 16px groß (oder passend zu Deiner Zeilenhöhe) sein.

Wenn das allerdings öfter vorkommt, sollte man sich

Fragen? Fragen! lächelnd

LGM


Nachtrag: Das Urheberrecht bitte nicht vergessen. Grafiken aus dem Internet (so wie das oben genutzte) sind manchmal frei verwendbar, manchmal aber auch nicht. Also:

Das Icon oben namens "Target Icon" ist von roundicons.com und unter einer CC-by-4.0-Lizenz veröffentlicht.

Mittelwert: Nützlich (4)
Als Antwort auf Martin Smaxwil

Re: Aufzählungszeichen

von Martin Smaxwil -
Nutzerbild von Besonders aktive Moodler

Ups. errötend

Die Beispielgrafik von iconarchive.com wird nur über http und nicht über https abgerufen; das ist nicht sooo pfiffig. Jetzt wird auf dieser Seite hier kein grünes Schloss sondern (zu Recht) eine Warnung vor "unsicheren Objekten" angezeigt.

Also noch ein wichtiger Hinweis: Wenn schon Inhalte von extern eingebettet werden, bitte eine entspr. sichere Quelle nutzen. Sorry.

Mittelwert:  -
Als Antwort auf Martin Smaxwil

Re: Aufzählungszeichen

von Dag Klimas -
Nutzerbild von Besonders aktive Moodler Nutzerbild von Deutsche Moodle Übersetzer Nutzerbild von Translators

Hallo Martin,

dein Ansatz ist super. Ich hänge einmal folgende Idee heran:

Moodle nutzt im Standard "fontawesome". Dieser Font ist bereits lokal installiert.

Mit etwas Restrisiko kann man unter https://fontawesome.com/icons?d=gallery&m=free eine Grafik auswählen und anklicken. Auf der Folgeseite sieht man dann den notwendigen HTML-Code. Der lässt sich nach meiner Einschätzung vergleichbar zu deiner Lösung einbinden. Bei Bedarf kann ich die Tage auch einmal konkret schauen.

Und wo ist das Restrisiko? Moodle verwendet eine ältere Version, von daher kann es sein, dass du ein Zeichen auswählst, welches es damals noch nicht gab. Dann halt ein anderes aussuchen zwinkernd

Viel Erfolg, Dag



Mittelwert: Nützlich (2)
Als Antwort auf Dag Klimas

Re: Aufzählungszeichen

von Martin Smaxwil -
Nutzerbild von Besonders aktive Moodler

Dag, guter Hinweis! In Moodle ist übrigens FontAwesome 4.7 (?) integriert, glaube ich; die "alten" Icons findet man (noch) unter https://fontawesome.com/v4.7.0/icons/

Also führt

<i class="fa fa-bullseye" aria-hidden="true"></i>

zu

Um obige Frage nochmal aufzugreifen:

Lernziel A
Lernziel B
Lernziel C

lächelnd

Mittelwert:  -
Als Antwort auf Ute Heck

Re: Aufzählungszeichen

von Ute Heck -

Hallo zusammen, 


sorry, dass ich jetzt erst antworte. Vielen herzlichen Dank für die ganzen Tipps. Das hat mir sehr weitergeholfen! 


Liebe Grüße

Ute

Mittelwert:  -