Interaktive Anleitung: Lernpfad/ Erstellung/ Verschönern/ Icons: Unterschied zwischen den Versionen

Aus ZUM Grundschullernportal
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
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-paper-plane "></span> [[Interaktive Anleitung: Lernpfad/ Erstellung/ Verschönern/ Icons/ Abschluss| diesem Link]] befindet sich die letzte Seite!
Wir sind fast am Ende des Lernpfades angelangt! Hinter <span class="fa fa-paper-plane "></span> [[Interaktive Anleitung: Lernpfad/ Erstellung/ Verschönern/ Icons/ Abschluss| diesem Link]] befindet sich die letzte Seite!

Version vom 11. März 2021, 15:59 Uhr

Wenn du deinem Lernpfad den letzten Schliff verpassen möchtest, bieten sich Icons dazu an!

Die Auswahl auf der Website 6 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!


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.