Perfekte KI-Prompts für Joomla & CSS
(einfach kopieren & anpassen)
Prompt 1: Einfache Designänderung
Ich nutze Joomla 6 mit dem Template cassiopeia_extended.
Bitte erstelle mir CSS-Code, um die Hintergrundfarbe auf #f5f5f5 (Hellgrau) und die Überschriften auf #0d6efd (Blau) zu setzen.
Sag mir außerdem, in welche Datei ich den Code speichern muss.
Prompt 2: Designproblem erklären
Meine Joomla-Website wirkt unruhig und schlecht lesbar.
Welche typischen CSS-Ursachen gibt es und welche einfachen Änderungen empfiehlst du für Einsteiger?
Prompt 3: CSS erklären lassen
Erkläre mir diesen CSS-Code Schritt für Schritt in einfachen Worten:
h2 {
margin-bottom: 20px;
}
Prompt 4: Mobile Optimierung
Meine Joomla-Website sieht auf Smartphones zu klein aus.
Bitte erstelle mir einfache CSS-Regeln für bessere Lesbarkeit auf mobilen Geräten und erkläre sie kurz.
Prompt 5: Fehler finden
Ich habe folgenden CSS-Code in Joomla eingefügt, aber er funktioniert nicht.
Bitte überprüfe ihn und erkläre mir den Fehler verständlich:
body {
background color: #ffffff;
}
Prompt 6: Farben vorschlagen
Bitte schlage mir ein ruhiges, professionelles Farbschema für eine Joomla-Firmenwebsite vor (Hintergrund, Text, Überschriften, Links) und nenne die Farbwerte und Farbnamen.
Prompt 7: Updatesicher arbeiten
Ich nutze Joomla 6 mit cassiopeia_extended.
Wo soll ich eigene CSS-Anpassungen speichern, damit sie bei Updates nicht verloren gehen?
⚠️ Wichtiger Sicherheitstipp
- Immer nur in user.css arbeiten
- Kleine Änderungen
- Nach jeder Änderung testen
- Keine Angst: CSS kann nichts „kaputt machen“
🎯 Praxis-Fazit
👉 Du musst kein CSS lernen.
👉 Du musst nur wissen, was du willst – KI macht den Code.
👉 Joomla + Standardtemplate + KI = sehr gutes Ergebnis.