Home Codes Loox
 

In den Apps von LiNet ist "Font Awesome" integriert, wodurch du zahlreiche Icons in deiner Community verwenden kannst.

Das Einfügen der Icons ist ganz einfach:  fa-camera-retro

<i class="fa fa-camera-retro"></i> fa-camera-retro

Du benötigst nur ein i-Tag mit der Klasse "fa". Zusätzlich musst du die Bezeichnung des Icons mit dem Prefix "fa-" angeben.

Du kannst die Icons per CSS formatieren - so wie Texte! So kannst du z.B. mit color die Farbe oder mit font-size die Größe ändern. Mit text-shadow kannst du einen Schatten hinzufügen.

Eine Liste aller verfügbaren Icons findest du hier: http://fortawesome.github.io/Font-Awesome/icons/


Es ist auch möglich Listen zu erstellen, die ein von dir gewünschtes Icon als Aufzählungspunkte verwenden.

<ul class="fa-ul">
  <li><i class="fa-li fa fa-check-square"></i>List icons</li>
  <li><i class="fa-li fa fa-check-square"></i>can be used</li>
  <li><i class="fa-li fa fa-spinner"></i>as bullets</li>
  <li><i class="fa-li fa fa-square"></i>in lists</li>
</ul>

Du kannst die Klasse "fa-spin" hinzufügen, damit sich das Icon um die eigene Achse dreht.

<i class="fa fa-spinner fa-spin"></i>
<i class="fa fa-refresh fa-spin"></i>
<i class="fa fa-cog fa-spin"></i>
Vor 7 Jahren
 
Font-Icons