Interaktive Anleitung: Lernpfad/ Erstellung/ Verschönern/ Icons: Unterschied zwischen den Versionen
Rilana (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „Wenn du deinem Lernpfad den letzten Schliff verpassen möchtest, bieten sich Icons dazu an! Die Auswahl auf der Website Interaktive Lernpfad Anleitung/ Quel…“) Markierung: 2017-Quelltext-Bearbeitung |
Rilana (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
| (4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
Wenn du deinem Lernpfad den letzten Schliff verpassen möchtest, bieten sich Icons dazu an! | Wenn du deinem Lernpfad den letzten Schliff verpassen möchtest, bieten sich Icons dazu an! | ||
Die Auswahl auf der Website [[Interaktive Lernpfad | Die Auswahl auf der Website [[Interaktive Anleitung: Lernpfad/ Quellen| <span class="fa fa-university "></span>7]] ist riesig. Klicke auf das Quellensymbol und im Quellenverzeichnis auf den Link, um auf die Website geleitet zu werden oder suche in deinem Browser nach "Fontawesome". | ||
Das Schöne ist: Die über 600 verschiedenen Icons sind alle "open source", das heißt, man darf sie einfach so verwenden! <span class="fa fa-simle-o "></span> | Das Schöne ist: Die über 600 verschiedenen Icons sind alle "open source", das heißt, man darf sie einfach so verwenden! <span class="fa fa-simle-o "></span> | ||
| Zeile 11: | Zeile 11: | ||
So wird aus dem Geburtstagskuchen <span class="fa fa-birthday-cake "></span> ein Fahrrad <span class="fa fa-bicycle "></span> oder ein Würfel <span class="fa fa-cube"></span>. | So wird aus dem Geburtstagskuchen <span class="fa fa-birthday-cake "></span> ein Fahrrad <span class="fa fa-bicycle "></span> oder ein Würfel <span class="fa fa-cube"></span>. | ||
---- | |||
Der Quelltext für den Geburtstagskuchen sieht so aus: | |||
<pre> <span class="fa fa-birthday-cake "></span> </pre> | |||
---- | ---- | ||
Wir sind fast am Ende des Lernpfades angelangt! Hinter <span class="fa fa | Wir sind fast am Ende des Lernpfades angelangt! Hinter <span class="fa fa-plane "></span> [[Interaktive Anleitung: Lernpfad/ Erstellung/ Verschönern/ Icons/ Abschluss| diesem Link]] befindet sich die letzte Seite der Anleitung! | ||
---- | ---- | ||
Hier geht es <span class="fa fa-paper-plane "></span> [[Interaktive Lernpfad | Hier geht es <span class="fa fa-paper-plane "></span> [[Interaktive Anleitung: Lernpfad/ Vorlagen| zu den Vorlagen]]. | ||
Hier geht es <span class="fa fa-paper-plane "></span> [[Interaktive Lernpfad | Hier geht es <span class="fa fa-paper-plane "></span> [[Interaktive Anleitung: Lernpfad/ Erstellung/ Verschönern| zurück zur Übersichtsseite "Lernpfad verschönern"]]. | ||
Hier geht es <span class="fa fa-paper-plane "></span> [[Interaktive Lernpfad | Hier geht es <span class="fa fa-paper-plane "></span> [[Interaktive Anleitung: Lernpfad/ Erstellung| zurück zur Übersichtsseite Erstellung eines Lernpfades]]. | ||
Hier geht es <span class="fa fa-paper-plane "></span> [[Interaktive Lernpfad | Hier geht es <span class="fa fa-paper-plane "></span> [[Interaktive Anleitung: Lernpfad| zurück zur Startseite]]. | ||
Aktuelle Version vom 11. März 2021, 17:10 Uhr
Wenn du deinem Lernpfad den letzten Schliff verpassen möchtest, bieten sich Icons dazu an!
Die Auswahl auf der Website 7 ist riesig. Klicke auf das Quellensymbol und im Quellenverzeichnis auf den Link, um auf die Website geleitet zu werden oder suche in deinem Browser nach "Fontawesome".
Das Schöne ist: Die über 600 verschiedenen Icons sind alle "open source", das heißt, man darf sie einfach so verwenden!
Um ein Icon einzubinden gehe wie folgt vor:
Kopiere diesen Quelltext auf deine Seite und ersetze das "fa-birthday-cake" mit dem Namen deines Wunsch Icons.
So wird aus dem Geburtstagskuchen ein Fahrrad oder ein Würfel .
Der Quelltext für den Geburtstagskuchen sieht so aus:
<span class="fa fa-birthday-cake "></span>
Wir sind fast am Ende des Lernpfades angelangt! Hinter diesem Link befindet sich die letzte Seite der Anleitung!
Hier geht es zu den Vorlagen.
Hier geht es zurück zur Übersichtsseite "Lernpfad verschönern".
Hier geht es zurück zur Übersichtsseite Erstellung eines Lernpfades.
Hier geht es zurück zur Startseite.
