Modul - Zugriffsebenen

Nach deiser Lektion können Sie:

• ✔ Module gezielt gestalten
• ✔ Modul-CSS sauber & updatefest einsetzen
• ✔ Modulklassen sinnvoll nutzen
• ✔ Module für bestimmte Benutzer sichtbar machen

      1️⃣ Wo gehört CSS für Module hin? (sehr wichtig!)

      ❌ FALSCH

• Core-Dateien ändern
• Template-CSS überschreiben

      ✅ RICHTIG (Best Practice)

📍 Pfad (Cassiopeia)
/templates/cassiopeia/css/user.css

📌 Warum?

• updatefest
• übersichtlich
• professionell

      2️⃣ Modul-Klassen: das wichtigste Werkzeug

      📍 Backend-Pfad
Inhalt → Module → Modul bearbeiten → Erweitert

      Feld:
Modulklasse (Suffix)

Beispiel:
mod-spendenbox

➡ Joomla erzeugt:
<div class="moduletable mod-spendenbox"> 

3️⃣ Praxisbeispiel 1:
Spendenbox hervorheben

Gestaltung erfolgt immer über Klassen, nicht über IDs.

      🎯 Ziel

• Rahmen
• Hintergrund
• Abstand

      CSS (user.css)

.mod-spendenbox {
     background-color: #FFFACD; /* Lemon Chiffon – helles Gelb */
     border: 2px solid #DAA520; /* Goldenrod – Gold */
     padding: 15px;
     margin-bottom: 20px;
}

4️⃣ Praxisbeispiel 2:
Modul nur optisch „Sidebar-Stil“

..sidebar .moduletable {
    font-size: 0.95rem;
    line-height: 1.4;
}

📍 Position:

sidebar-left

5️⃣ Modul-Header gezielt stylen

      Modul-Titel

.moduletable h3 {
     font-size: 1.1rem;
     color: #000000; /* Schwarz */
     font-weight: bold;
     border-bottom: 1px solid #ccc;
}

Verständnisfrage:

Warum nicht inline-CSS?
✅ Trennung von Inhalt & Design

6️⃣ Module ein-/ausblenden (Design)

@media (max-width: 768px) {
     @media (max-width: 768px) {
          .mod-spendenbox {
               display: none;
     }
}

📌 Mobile First – wichtig!

7️⃣Praxisbeispiel: Internes Modul

🎯 Ziel

„Interne Hinweise“ nur für Mitarbeiter

Schritte:

1. Zugriffsebene „Mitarbeiter“ anlegen
2. Benutzer dieser Ebene zuordnen
3. Modul → Zugriffsebene = Mitarbeiter

Merksatz:

Zugriffsebene ≠ Benutzergruppe (wird oft verwechselt!)

✅ Musterlösung

Modulklasse:
 mod-intern

CSS: