Fragen zur Umsetzung von Grid Blog Layout mit Beiträgen und Slides

Hallo,

ich habe auf der Seite awo-lausitz.de unter Aktuelles gesehen, dass Sie so ein Grid Layout mit Beiträgen haben. Ist das in Joomla auch möglich? Ich hab es probiert mit dem Menüeintragungstyp Kategorieblog, aber bekomme das leider nicht so gut hin.

Und dann hat mir gut gefallen, was ich bei Templates schon öfter gesehen habe, dass auf der Startseite beim runterscrollen Informationen schon reingeslidet kommen von Rechts und Links. Ist das in Joomla möglich?

Vielen Dank für die Hilfe!

Hallo

Ich verwende normal das Cassiopeia Template.

Im Blog hab ich grad mal geschaut und genau wie hier meinte ich das

Articles - Cassiopeia Demo

Was müsste ich dafür im Menüpunkt auswählen?

Zitat von Stef

Sollte überhaupt keine CSS-Kenntnisse vorhanden sein, könntest du auch ein Framework nehmen. Da kannst du Bilder und Texte, die hineinfliegen, herausfliegen, um die Ohren fliegen, so auswählen, wie du möchtest und so oft, bis alle deine Besucher benebelnd sind.

Zum Beispiel mit Y°°theme.

Das Theme ist etwas zu krass

Ein Framework hab ich auch schon überlegt. Das Astroid hatte ich mal getestet, aber da sist dann gescheitert. Das ist auch immer viel Arbeit und Zeit sich da reinzuarbeiten. Welches würdest du empfehlen?

Hallo,

das mit dem Grid Layout hab ich hinbekommen. Ich würde jetzt gerne noch den Maus Hoover Effekt hinzufügen und das die Bilder abgerundete Ecken haben. Leider haben mir den Sachen aus dem Forum nicht geholfen.

Für die abgerundeten Ecken hatte ich das hier aus einem anderen Beitrag:

figure.float-end img {
  border-radius: 18px;
}

Das funktioniert leider nicht.

Das animierte Bild hatte ich aus dem Link oben (https://magazine.joomla.org/all-issues/aug…indful-movement) probiert, aber das tut sich nix.

Zitat von drmenzelit

Mit einem Screenshot kann man nicht helfen ... was genau hast du aus meinem Artikel übernommen?

"Animate intro image on hover"

.item-image img {
    transition: all 1s ease-out;
}
@media (prefers-reduced-motion:no-preference) {
    .item-image:hover img {
        transform: scale(1.5);
    }
}

Leider kann ich keine URL bereitstellen, da localhost noch. Es steht noch ein Hostingwechsel an, da mein derzeitiger Hoster kein PHP 8.1 unterstützt.

Ja, die Bilder hab ich verlinkt, wie im Artikel beschrieben.

Ich finde es leider nicht, aber ich hab grad gesehen das ich zwei User.css Dateien habe. Ist das richtig so?

Einmal \media\templates\site\cassiopeia\css und \templates\cassiopeia