Documentation

HTML Entity Konverterter

Bei Neuaufnahme von Code:

HTML Entity Konverterter

UIkit

Get familiar with the basic setup and overview of UIkit:

UIkit Documentation

Auflösungen für Bilder

Bildschirmauflösungen beschreiben die Anzahl der Pixel, die ein Bildschirm horizontal und vertikal anzeigen kann, und sind ein wichtiger Faktor für die Bildqualität. Je höher die Auflösung, desto schärfer und detaillierter das Bild. Gängige Bildschirmauflösungen:

• SD (768x576): Standard Definition, oft für ältere Geräte
• OG (1200x630) Open Graph beste Größe für WhatsApp und Facebook
• HD Ready (1280x720): High Definition ready, auch Half HD genannt, für kleinere Bildschirme
• Full HD (1920x1080): Der Standard für viele Anwendungen, bietet scharfe Bilder und Details
• Quad HD (2560x1440): Zwischen Full HD und 4K, ideal für Gaming und professionelle Anwendungen
• 4K UHD (3840x2160): Ideal für Videobearbeitung und immersive Gaming-Erlebnisse
• 8K UHD (7680x4320): Sehr hohe Auflösung, die noch selten eingesetzt wird

FFW Webfont Icons

Das ist ein FFW Webicon

Code:
  <i class="ffw-schneidgeraet" style="font-size:50px; vertical-align:middle; color:#333333;"></i>

Das ist ein FFW Webicon blinkend

Code:
  <i class="ffw-pgm-logo blink" style="font-size:50px; vertical-align:middle; color:#333333;"></i>

 Liste FFW Webfont Icons

Hinweistext: JEvents

entfällt !

Code: <span style="color:red"><i class="ffw-cancel-circle"></i> <b>entfällt !</b></span>

neues Datum !

Code: <span style="color:red"><i class="ffw-calendar"></i> <b>neues Datum !</b></span>

neue Zeit !

Code: <span style="color:red"><i class="ffw-alarm blink"></i> <b>neue Zeit !</b></span>

unter Vorbehalt!

Code: <span style="color:red"><i class="ffw-spinner9 uk-icon-spin"></i> <b>unter Vorbehalt!</b></span>

Anreisser Überschrift mit grauem/roten Balken

Überschrift mit Anreisserbalken grau

Code: <h4 class="uk-ffw-bar-grey">Überschrift mit Anreisserbalken</h4>

Überschrift mit Anreisserbalken rot

Code: <h4 class="uk-ffw-bar-red">Überschrift mit Anreisserbalken</h4>

Klappt mit allen Tags, Klasse ist nicht auf h4 beschränkt.

Artikelhinweise unten

Code:
<div style="margin-top: 25px;" class="rib-alert">
 <div class="rib-hinweis">Hinweis:</div>Weitere Bilder und Informamtionen auf den Seiten der <a href="#" target="_blank" class="uk-icon-link"><i class="fa-solid fa-arrow-up-right-from-square fa"></i> Feuerwehr<br />Atikeltext: FF Georgensgmünd
</div>  

Code:
<div style="margin-top: 25px;" class="rib-alert">
 <div class="rib-hinweis">Hinweis:</div>Hinweistext
</div>

oder Shortcode:
[hinweis]Hinweistext[/hinweis]  

Code:
<div style="margin-top: 25px;" class="rib-alert">
 <div class="rib-hinweis">Artikeltext und Bilder:</div><b>Name</b>
</div>

oder Shortcode:
[von]Name[/von]

Code:
<div style="margin-top: 25px;" class="rib-alert">
 <div class="rib-hinweis">Weiterführende Links:</div>Vollbrand Wohnhaus in Wernsbach: <a href="https://www.feuerwehr-georgensgmuend.de/de/infos/aktuelles-/-einsaetze/2065/einsatz-vollbrand-wohnhaus-am-151124" target="_blank" class="uk-icon-link"><i class="fa-solid fa-arrow-up-right-from-square fa"></i> Hompepage der FF Georgensgmünd<br><br>
 <div class="rib-hinweis">Hinweis:</div>Artikeltext und Bilder: Dietmar Hättig
</div>

Link Button

Code: <a class="uk-button" href="#"><i class="fa fa-download"></i> Download</a>

Code: <a class="uk-button" href="#" target="_blank"><i class="fa fa-external-link"></i> Link Text</a>

Button

Code:
<a class="uk-button" href="#">Buttontext</a> oder class="as-readmore"

Badge

Code:
  <span class="uk-ffw-badge">Text</span>

Horizontale Linien

Code:
  <hr class="style-one">

Code:
  <hr class="style-two">

Überschrifen

Code: <i class="fa-solid fa-gifts fa-5x"></i>

Code:
Icon:  <i uk-icon="icon: youtube"></i>
Blinkendes Icon:  <i class="blink" uk-icon="user"></i>

Code: <a class="uk-icon-link" href="#" uk-icon="icon: youtube"></a>

Code: <a class="uk-icon-button" href="#" uk-icon="icon: youtube"></a>

Code: <blockquote class="bg-light border rounded p-3">Text</blockquote>