Hallo!
Bisher habe ich alle meine Joomla-Seiten mit JYAML-Template erstellt. Daher kenne ich mich mit den sehr überschaubar gegliederten CSS gut aus. Leider wird JYAML nicht mehr weiter entwickelt. Daher möchte ich auf ein möglichst einfaches und de facto schon als Standard laufendes Template wechseln. Beez3 scheint mir dazu geeignet zu sein.
Sollte ich evtl. doch ein anderes Template wählen als Beez, da schon Anfang 2020 Joomla 4 kommen wird? Welches?
Fakt ist aber, dass ich mich mit der Vielzahl der CSS-Datein in Beez überfordert fühle und gar nicht weiß, wo ich ansetzen soll mit der Anpassung. Beispiele:
- Ich möchte generell ein für Mobilgeräte geeignetes Menu benutzen und kein gesondertes für den Desktop. Hierfür habe ich bereits eine schöne Lösung, die eine JS-Datei und eine CSS-Datei hat und einen HTML-Beispielcode. Aber wie füge ich das in die Beez-CSS-Struktur ein? In eine stets genutzte CSS mit @import dran hängen? Und wie soll die JS-Datei eingebunden werden?
- In welcher CSS-Datei wird die Hintergrundfarbe bzw. das Hintergrundbild, die Schriften und deren Größen sowie das Titelbild festgelegt? Bereits an diesen Details hakt es leider. Nur durch Ausprobieren wäre das ein langer Weg.
- In welcher CSS-Datei wird die Anpassung an verschieden große Displays vorgenommen? Ich kenne das nur über die @media screen and (max-width: ...px) { } Definitionen.
- Videos sollen mit Vorschaubild gestartet werden und dann so weit möglich formatfüllend gezeigt werden und nach dem Schließen oder Ende des Videos muss der Besucher wieder auf der ursprünglichen Seite mit dem Vorschaubild landen. In welcher CSS-Datei wird dies definiert?
Und Inline-Code möchte ich vermeiden, damit ich die Content-Security-Policy nicht auf 'self' setzen muss.
Wenn ich Antworten zu diesen vier Fragen hätte, könnte ich sofort beginnen.
Freundliche Grüße