SK-REG BLOG

Dieser Block befindet sich derzeit im Aufbau und wird
ständig erweitert. Daher bitten wir um Verständnis, falls noch
nicht alle Funktionalitäten zur Verfügung stehen.
Dieses Projekt sehe ich als Terapie, um nicht zu vergessen
Details

Shortcode · Nova Hell Glow (leicht)

Diese Seite zeigt, wie mein Plugin SK Bildlink Shortcode im SK-Reg Nova Hell Layout mit einem leichten Nova Hell Glow arbeitet.

Wie es funktioniert

Im Artikeltext schreibst du z. B.:

{ sk_bildlink file="bild.png"}
{ sk_bildlink file="bild.png" size="600" alt="Beschreibung" align="right"}

Das Plugin ersetzt diese Shortcodes beim Anzeigen automatisch durch ein fertiges <img>Tag. Größe, Ausrichtung und Alt Text sind optional; fehlen sie, greifen die Admin-Standardwerte.

Admin Konfiguration

System → Plugins → SK - Bildlink Shortcode:

  • Bildverzeichnis Standardordner relativ zur Joomla-Wurzel (z. B. images/sk_bilder/), wird genutzt, wenn file keinen eigenen Pfad enthält.
  • Standard-Bildgröße Breite in Pixel oder Prozent, falls im Shortcode kein size gesetzt ist.
  • Standard-Bildbeschreibung Fallback-Alt-Text, falls im Shortcode kein alt gesetzt ist.

Technische Eckpunkte

  • Struktur nach Joomla 6-Standard (Namespace-Klasse Skbildlink.php + services/provider.php), analog zu plg_content_skdownload.
  • Reagiert nur, wenn {sk_bildlink im Text vorkommt (kein unnötiger Overhead).
  • Verhindert ..-Verzeichniswechsel im Dateinamen aus Sicherheitsgründen.
  • Alle Styles per <img style="..."> möglich – funktioniert trotz TinyMCE-Einschränkungen bei <script>/<style>-Blöcken.
  • Installation und alle Attribute (file, size, alt, align, class) sind in der README.md im ZIP dokumentiert.

Nova Hell Glow (leicht) Inline-Style

Für die leichte Glow-Variante im SK-Reg Nova Hell kannst du im Plugin folgenden Inline-Style als Standard verwenden:

<img src="/images/sk_bilder/beispiel.png" alt="Beispielbild" style="
    display:block;
    max-width:100%;
    height:auto;

    border-radius:10px;
    border:1px solid rgba(0,0,0,0.06);
    background:#ffffff;
    padding:5px;

    box-shadow:
        0 0 6px rgba(255,255,255,0.55),
        0 0 14px rgba(200,215,255,0.28);

    margin:18px auto;
">

Der erste Glow ist ein weicher Weiß-Halo, der zweite ein sehr dezenter Nova-Blau-Schimmer ideal für ein helles, ruhiges Layout.

Ausrichtung mit align

align="right"

style="
    float:right;
    margin:0 0 18px 18px;
    max-width:100%;
    height:auto;

    border-radius:10px;
    border:1px solid rgba(0,0,0,0.06);
    background:#ffffff;
    padding:5px;

    box-shadow:
        0 0 6px rgba(255,255,255,0.55),
        0 0 14px rgba(200,215,255,0.28);
"

align="left"

style="
    float:left;
    margin:0 18px 18px 0;
    max-width:100%;
    height:auto;

    border-radius:10px;
    border:1px solid rgba(0,0,0,0.06);
    background:#ffffff;
    padding:5px;

    box-shadow:
        0 0 6px rgba(255,255,255,0.55),
        0 0 14px rgba(200,215,255,0.28);
"

Beispiel mit Klassen-Variante:

Nova-Hell-Glow Beispiel

So könnte das resultierende HTML aussehen:

<img src="/images/sk_bilder/beispiel.png"
     alt="Nova-Hell-Glow Beispiel"
     class="nova-hell-glow">