Hintergrundbild beim scrollen fixieren

Pixworkz · 16. November 2019

Hallo Zusammen,

ich bin neu auf dem Gebiet von Joomla und habe da eine Frage die mich seit Stunden beschäftigt.

Bei der angehängten Datei ist ein Hintergrundbild zu sehen der sich nicht bewegt wenn ich scrolle.

Kann ich das direkt über das Backend machen oder muss ich das direkt umschreiben?

Ich habe schon versucht über Youtubevideos das herauszufinden und habe auch hier in der Suche nichts gefunden.

Ich hoffe ihr könnt mir weiterhelfen.

Ich benutze aktuell die Version 3.9.13 und das Template "phoca_pix" zum üben

Indigo66 · 17. November 2019

Zitat von Pixworkz

der sich nicht bewegt wenn ich scrolle

Was meinst Du damit? Willst Du ein Paralxeffekt oder ist das Bild fix?
Link zur Seite fürde klarheit schaffen.

Hab gerade gesehen, es basiert auf das Gantry5 Framework. Vielleicht hilft Dir die Diku weiter.
http://docs.gantry.org/

WolfgangD · 19. November 2019

Meinst du so etwas wie bei dieser Seite - da habe ich je Sektion unterschiedliche feststehende Hintergrundbilder eingebaut.

Pixworkz · 23. November 2019

Hallo Zusammen,

Zitat von WolfgangD

Meinst du so etwas wie bei dieser Seite - da habe ich je Sektion unterschiedliche feststehende Hintergrundbilder eingebaut.

Ne sowas meinte ich nicht

Zitat von Indigo66

Was meinst Du damit? Willst Du ein Paralxeffekt oder ist das Bild fix?
Link zur Seite fürde klarheit schaffen.

Hab gerade gesehen, es basiert auf das Gantry5 Framework. Vielleicht hilft Dir die Diku weiter.
http://docs.gantry.org/

https://www.joomlaplates.de/ hier ein Beispiel was ich meine ... wenn du ganz nach unten scrollst dann kommt der selbe hintergrund wie im Header, allerdings ist der fest im Hintergrun. Ich hoffe ich habe es verständlich beschrieben

christine2 · 23. November 2019

Hallo,

auf der Demo ist es hier. 1. oben, 2. unten:

Code

#top-b {
background-image: url(https://www.joomlaplates.de/images/headerbar/headerbar-a-001.jpg);
}

#bottom-c {
background-image: url(https://www.joomlaplates.de/images/headerbar/headerbar-a-001.jpg);
}

Eventuell bei den Module schauen. In einer custom.hmtl?

http://docs.gantry.org/gantry5/configure/positions > Positionen

Liebe Grüße
Christine

anka · 23. November 2019

Zitat von Pixworkz

Hallo Zusammen,

Ne sowas meinte ich nicht

https://www.joomlaplates.de/ hier ein Beispiel was ich meine ... wenn du ganz nach unten scrollst dann kommt der selbe hintergrund wie im Header, allerdings ist der fest im Hintergrun. Ich hoffe ich habe es verständlich beschrieben

Der Unterschied liegt in der Eigenschaft "background-attachment".

Bild scrollt mit:

.xyz {background-image: url(https://www.joomlaplates.de/im…erbar/headerbar-a-001.jpg);

background-attachment: scroll;

}

Bild bleibt stehen:

.xyz

{background-image: url(https://www.joomlaplates.de/im…erbar/headerbar-a-001.jpg);

background-attachment: fixed;}

Ich glaube nicht, dass man das bei deinem Template "über das Backend machen" kann. Das musst du ziemlich sicher in irgendeine CSS-Datei eintragen. Wo und was genau hängt nicht nur vom Template ab, sondern auch davon, auf welches Element du es anwenden willst.

Gerdl · 31. Mai 2020

Habe joomla Template Less Allrounder und möchte jetzt das Hintergrundbild(Background) das es feststehend ist.

Vielleicht kann mir jemand helfen, irgendwie muss im background-attachment: scroll auf ....fixed geändert werden,

Aber ich finde im Template dieses Background nicht.

Indigo66 · 31. Mai 2020

Die Antwort hat Anka am 23. Nov. 2019 im Post #7 gegeben und die passt auch zu Deinem Problem. Alles eine CSS Sache.

BTW: Das ist ein schon gelöster Thread. Wenn Du mehr Supporter erreichen willst, dann richtite Dich nach den Forenregeln und mache ein eigenes Thema auf.