Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- anleitungen_lul:anzeigen_von_fremdvertretungen_in_webuntis [05/02/2026 12:06] – dennis.clausen@bbz-rd-eck.de
+++ anleitungen_lul:anzeigen_von_fremdvertretungen_in_webuntis [05/02/2026 12:33] (aktuell) – dennis.clausen@bbz-rd-eck.de
@@ Zeile 1: / Zeile 1: @@
-<html>
+====== Anzeige eigener Vertretungen ======
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.25">
-    <title>Kurzanleitung: WebUntis Vertretungen</title>
-    <style>
-        /* Grundlegende Einstellungen */
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background-color: transparent;
-            color: #333;
-            /* SCHRIFTGRÖSSE HIER DEUTLICH ERHÖHT (Basis ca. 20px) */
-            font-size: 1.5rem;
-            line-height: 1.6;
-            margin: 0;
-            padding: 10px;
-        }
-        .container {
+> **Das Problem:** Ihr Unterricht verschwindet aus dem Stundenplan, wenn Sie vertreten werden?
-            background: white;
+> **Die Lösung:** Folgen Sie dieser Anleitung, damit diese Stunden wieder sichtbar werden (gestrichelt umrandet).
-            width: 100%;
-            max-width: 100%;
-            margin: 0 auto;
-            border-radius: 8px;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
-            padding: 25px;
-            box-sizing: border-box;
-        }
-        h1 {
+===== 🖥️ Variante A: Am Convertible (PC) =====
-            color: #ff6b00;
-            text-align: center;
-            font-size: 2.2rem; /* Viel größer */
-            margin-bottom: 25px;
-            border-bottom: 3px solid #ff6b00;
-            padding-bottom: 15px;
-        }
-        .intro {
+==== Schritt 1: Stundenplan öffnen ====
-            background-color: #fff3e0;
+Loggen Sie sich in WebUntis ein und öffnen Sie:
-            padding: 20px;
-            border-radius: 8px;
-            border-left: 8px solid #ff6b00;
-            margin-bottom: 40px;
-            font-size: 1.5rem; /* Intro besonders gut lesbar */
-        }
-        .section-header {
+''Stundenplan -> Mein Stundenplan''
-            background-color: #f4f4f4;
-            color: #333;
-            padding: 15px 20px;
-            border-radius: 5px;
-            font-weight: bold;
-            font-size: 1.6rem; /* Abschnittsüberschrift größer */
-            margin-top: 40px;
-            margin-bottom: 20px;
-            border-left: 8px solid #666;
-        }
-        .step-card {
+==== Schritt 2: Menü öffnen ====
-            background: #fff;
+Klicken Sie auf die **drei Punkte** im Dock unten in der Mitte (rechte Seite).
-            margin-bottom: 30px;
-            padding-bottom: 30px;
-            border-bottom: 2px dashed #ccc;
-        }
-        .step-card:last-child {
+{{anleitungen_lul:webuntis-screen1.png?450}}
-            border-bottom: none;
-        }
-        .step-number {
+==== Schritt 3: Häkchen setzen ====
-            font-size: 1.4rem;
+* Aktivieren Sie im Menü den Schalter **"Fremdvertretungen"** (siehe Bild unten).
-            text-transform: uppercase;
+* Das Feld mit dem Haken muss farbig hinterlegt sein.
-            letter-spacing: 1px;
-            color: #ff6b00;
-            font-weight: bold;
-            display: block;
-            margin-bottom: 8px;
-        }
-        .step-title {
+{{anleitungen_lul:webuntis-screen2.png?450}}
-            font-size: 1.6rem; /* Schritt-Titel sehr prominent */
+----
-            font-weight: bold;
-            margin-bottom: 10px;
-            color: #2c3e50;
-        }
-        .visual-aid {
+===== 📱 Variante B: Am Smartphone (Untis Mobile App) =====
-            background-color: #f9f9f9;
-            border: 1px solid #e0e0e0;
-            border-radius: 8px;
-            padding: 20px;
-            text-align: center;
-            margin-top: 15px;
-            break-inside: avoid;
-        }
-        .visual-aid img {
+Sie können die Einstellung auch bequem am Handy vornehmen:
-            max-width: 100%;
-            height: auto;
-            max-height: 500px;  /* Bild darf etwas größer sein */
-            border-radius: 4px;
-            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-        }
-        .path-box {
+  * Öffnen Sie die Untis Mobile App und gehen Sie zum **Stundenplan**.
-            background: #eee;
+  * Tippen Sie **oben rechts** auf die drei Punkte (Menü).
-            padding: 5px 12px;
+  * Wählen Sie in der Liste den Punkt **"Fremdvertretungen"** aus.
-            border-radius: 6px;
+  * Setzen Sie das Häkchen bzw. aktivieren Sie den Schalter.
-            font-family: monospace;
-            font-weight: bold;
-            font-size: 1.3rem; /* Pfad größer */
-            display: inline-block;
-            border: 1px solid #ccc;
-        }
-        /* Smartphone Box Design */
+> **⚠️ WICHTIG:**
-        .smartphone-box {
+> Die Einstellung muss auf **jedem Gerät** (PC, Tablet, Smartphone) **einzeln** vorgenommen werden!
-            background-color: #e3f2fd;
-            border: 2px solid #90caf9;
-            border-radius: 8px;
-            padding: 25px;
-            margin-top: 50px;
-            page-break-inside: avoid;
-        }
-        .smartphone-box h2 {
-            margin-top: 0;
-            color: #1565c0;
-            font-size: 1.6rem;
-        }
-        .smartphone-steps ul {
-            padding-left: 25px;
-            margin: 0;
-        }
-        .smartphone-steps li {
-            margin-bottom: 12px;
-        }
-        .important-note {
-            font-size: 1.2rem;
-            margin-top: 20px;
-            font-weight: bold;
-            color: #d32f2f;
-            background: rgba(255,255,255,0.7);
-            padding: 15px;
-            border-radius: 6px;
-            display: block;
-            border: 2px solid #ef9a9a;
-        }
-        .print-btn-container {
-            text-align: right;
-            margin-bottom: 15px;
-        }
-        button.print-btn {
-            background-color: #444;
-            color: white;
-            border: none;
-            padding: 12px 20px;
-            border-radius: 6px;
-            cursor: pointer;
-            font-size: 1.1rem;
-        }
-        button.print-btn:hover { background-color: #666; }
-        /* --- RESPONSIVE ANPASSUNGEN --- */
-        @media (max-width: 600px) {
-            body { font-size: 1.1rem; } /* Auf dem Handy etwas kleiner, damit es passt */
-            .container { padding: 15px; }
-            h1 { font-size: 1.6rem; }
-            .step-title { font-size: 1.3rem; }
-            .visual-aid { padding: 10px; }
-        }
-        @media print {
-            body { padding: 0; background: white; font-size: 12pt; } /* Druckgröße normalisiert */
-            .container { box-shadow: none; padding: 0; margin: 0; width: 100%; max-width: 100%; }
-            .print-btn-container { display: none; }
-            .smartphone-box { border: 1px solid #ccc; background-color: #f0f0f0 !important; -webkit-print-color-adjust: exact; }
-            .intro { background-color: #eee !important; -webkit-print-color-adjust: exact; }
-            a { text-decoration: none; color: #000; }
-        }
-    </style>
-</head>
-<body>
-<div class="container">
-    <div class="print-btn-container">
-        <button class="print-btn" onclick="window.print()">🖨️ Drucken / PDF</button>
-    </div>
-    <h1>Anzeige eigener Vertretungen</h1>
-    <div class="intro">
-        <strong>Das Problem:</strong> Der Unterricht verschwindet aus dem Stundenplan, wenn Sie vertreten werden?<br><br>
-        <strong>Die Lösung:</strong> Folgen Sie dieser Anleitung, damit diese Stunden wieder sichtbar werden (gestrichelt umrandet).
-    </div>
-    <div class="section-header">
-        🖥️ Am Convertible (PC)
-    </div>
-    <div class="step-card">
-        <span class="step-number">Schritt 1</span>
-        <div class="step-title">Stundenplan öffnen</div>
-        <p>Loggen Sie sich in WebUntis ein und öffnen Sie:</p>
-        <p style="text-align: center;"><span class="path-box">Stundenplan &rarr; Mein Stundenplan</span></p>
-    </div>
-    <div class="step-card">
-        <span class="step-number">Schritt 2</span>
-        <div class="step-title">Menü öffnen</div>
-        <p>Klicken Sie auf die <strong>drei Punkte</strong> im Dock unten in der Mitte (rechte Seite).</p>
-        <div class="visual-aid">
-            <img src="https://help.untis.at/hc/article_attachments/25022501634716.png" alt="Menü Position">
-            <img src="{{:anleitungen_lul:1.1.png?400|}}" alt="Menü Position">
-        </div>
-    </div>
-    <div class="step-card">
-        <span class="step-number">Schritt 3</span>
-        <div class="step-title">Häkchen setzen</div>
-        <p>Aktivieren Sie im Menü den Schalter <strong>"Fremdvertretungen"</strong> (siehe Bild oben).</p>
-        <p>Der Schalter muss farbig hinterlegt sein.</p>
-    </div>
-    <div class="smartphone-box">
-        <h2>📱 Variante B: Am Smartphone (Untis Mobile App)</h2>
-        <p>Sie können die Einstellung auch bequem am Handy vornehmen:</p>
-        <div class="smartphone-steps">
-            <ul>
-                <li>Öffnen Sie die Untis Mobile App und gehen Sie zum <strong>Stundenplan</strong>.</li>
-                <li>Tippen Sie <strong>oben rechts</strong> auf die drei Punkte (Menü).</li>
-                <li>Wählen Sie in der Liste den Punkt <strong>"Fremdvertretungen"</strong> aus.</li>
-                <li>Setzen Sie das Häkchen bzw. aktivieren Sie den Schalter.</li>
-            </ul>
-        </div>
-        <div class="important-note">
-            ⚠️ WICHTIG:<br>
-            Die Einstellung muss auf jedem Gerät (PC, Tablet, Smartphone) einzeln vorgenommen werden!
-        </div>
-    </div>
-</div>
-</body>
-</html>