Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- rework:pruefseite [10.08.2026 22:29] – Temporaere Pruefseite florian
+++ rework:pruefseite [10.08.2026 22:32] (aktuell) – Kaputte Pruefseite geleert florian
@@ Zeile 1: / Zeile 1: @@
-====== Prüfseite (temporär – bitte nach der Prüfung löschen) ======
+====== Veraltet ======
-Diese Seite prüft drei Dinge, die ich über die Wiki-Schnittstelle nicht selbst sehen kann. Bitte kurz ansehen und mir sagen, was funktioniert.
+Diese Seite war fehlerhaft aufgebaut und wurde ersetzt durch:
-===== Test 1: Nebeneinander-Anordnung (grid) =====
+  * [[rework:_test_raster|Test 1: Raster und Icons]]
+  * [[rework:_test_html|Test 2: Eingebettetes HTML]]
-Auf der Startseite stehen die vier Karten **untereinander** statt nebeneinander. Vermutlich fehlt der ''<grid>''-Rahmen um die Spalten. Hier mit Rahmen:
+Diese Seite kann geloescht werden.
-<grid>
-<col sm="6" lg="3">
-<panel type="warning" title="Karte A">
-Steht diese Karte **neben** Karte B?
-</panel>
-</col>
-<col sm="6" lg="3">
-<panel type="warning" title="Karte B">
-Oder darunter?
-</panel>
-</col>
-<col sm="6" lg="3">
-<panel type="warning" title="Karte C">
-Karte C
-</panel>
-</col>
-<col sm="6" lg="3">
-<panel type="warning" title="Karte D">
-Karte D
-</panel>
-</col>
-</grid>
-**Ergebnis A:** Vier Karten nebeneinander → ''<grid>'' funktioniert, ich baue es so um.\\
-**Ergebnis B:** Weiterhin untereinander, oder der Text ''<grid>'' erscheint wörtlich → ''<grid>'' gibt es nicht, ich suche eine andere Lösung.
-===== Test 2: Exaktes CI-Orange über eingebettetes HTML =====
-Ein solider Balken in Bootstrap-Orange gibt es nicht – die einzige solide Variante ist Blau. Für exaktes SLON-Orange (''#E64618'') brauche ich entweder eingebettetes HTML oder eine CSS-Ergänzung im Template. Test für eingebettetes HTML:
-<html>
-<div style="background:linear-gradient(45deg,#FFC600,#E64618);color:#fff;padding:14px 18px;border-radius:4px 4px 0 0;font-weight:600;font-size:18px;">
-  Wenn dieser Balken orange ist, ist eingebettetes HTML erlaubt.
-</div>
-<div style="border:1px solid #E64618;border-top:none;padding:14px 18px;border-radius:0 0 4px 4px;">
-  Dann kann ich die Karten exakt in CI-Farben bauen – ohne Änderung am Template.
-</div>
-</html>
-**Ergebnis A:** Oranger Balken mit Verlauf → HTML ist erlaubt, ich baue die Karten exakt in CI.\\
-**Ergebnis B:** Der HTML-Quelltext erscheint wörtlich als Text → HTML ist gesperrt, dann führt nur die CSS-Ergänzung zum Ziel.
-===== Test 3: Welche Icon-Syntax funktioniert? =====
-Vier Schreibweisen für dasselbe LKW-Symbol. Bitte notieren, in welcher Zeile ein **LKW** erscheint (nicht: leeres Kästchen, nicht: nichts).
-<panel type="default" title="Variante 1: fa fa-truck" icon="fa fa-truck">
-FontAwesome 4 – meine aktuelle Annahme
-</panel>
-<panel type="default" title="Variante 2: fa fa-truck fa-2x" icon="fa fa-truck fa-2x">
-FontAwesome 4, doppelte Größe – so steht es jetzt auf der Startseite
-</panel>
-<panel type="default" title="Variante 3: fa-solid fa-truck" icon="fa-solid fa-truck">
-FontAwesome 6 – das war die kaputte Variante mit dem leeren Kästchen
-</panel>
-<panel type="default" title="Variante 4: glyphicon" icon="glyphicon glyphicon-plane">
-Bootstrap-Glyphicons – hier erscheint ein **Flugzeug**, falls diese Variante greift
-</panel>
-Zusätzlich als Text im Fließtext, dritte Syntax-Familie:
-  * Plugin-Syntax klein: {{fa>truck}}
-  * Plugin-Syntax groß: {{fa>truck?3x}}
-===== Was ich mit den Ergebnissen mache =====
-^Test ^Wenn es funktioniert ^Wenn nicht ^
-|Test 1 (grid) |Karten stehen nebeneinander |Ich baue das Raster anders auf |
-|Test 2 (HTML) |Exaktes CI-Orange sofort, ohne Template-Änderung |Sie ergänzen einmalig ein paar Zeilen CSS |
-|Test 3 (Icons) |Ich setze die funktionierende Syntax überall ein |Karten bleiben ohne Icons |