Seite 1 von 1

Hintergrund fixiert

Verfasst: Sa 8. Jan 2022, 13:34
von scherenschlag
Moin.
Ich habe mich an meine Frage aus einem anderen Thema rangetraut.
Herausgekommen ist das:
https://tsad17.de/testseite/
Die Blöcke mit den Stühlen und dem Tisch.
Lasst mal Qualität und alles drum herum außer acht.
Irgendwie finde ich das alles nicht flüssig und stimmig.
Vielleicht ist das Motiv auch ungeeignet.
Sehe ich das richtig? Was mache ich falsch?

Re: Hintergrund fixiert

Verfasst: Sa 8. Jan 2022, 13:51
von Tommy Herrmann
Moin,

ich bin heute kaum noch zu Hause und kann daher heute nicht wirklich helfen.

Bitte schreibe doch bei Deinen Fragen um was es geht - sonst muss man erst suchen und raten ...

Willst Du das Skript "Backstretch" einbauen?

Das fehlt bei Dir:

https://tsad17.de/testseite/backstretch ... stretch.js

Hier ist mein Tutorial dazu:

https://www.mobirise-tutorials.com/Port ... round.html

Re: Hintergrund fixiert

Verfasst: Sa 8. Jan 2022, 14:01
von scherenschlag
viewtopic.php?t=597

Das war meine Frage und darauf habe ich aufgebaut.
Ich versuche halt, wie in diesem Fall, graue Tische in farbige Tische umzufärben. Beim scrollen.
So wie du das mit dem Tau gemacht hast.
Irgendwie gefällt mir das aber nicht so richtig wie ICH das gemacht habe.
Das wird wohl mit Backstretch zu tun haben.

Re: Hintergrund fixiert

Verfasst: Sa 8. Jan 2022, 14:21
von Tommy Herrmann
... aber das hat doch nichts mit "Backstretch" zu tun. Mache das wieder raus.

Das ist nur ein fixierter Hintergrund mit einem farbigen und einem Schwarzweißbild:

https://www.mobirise-tutorials.com/Busi ... xiert.html


Ich habe da nichts weiter als 2 verschiedene Blöcke mit zwei unterschiedlichen Hintergrundbildern erstellt.

Bei beiden Blöcken habe ich den Hintergrund im "CSS Editor" mit dieser Anweisung fixiert:

Code: Alles auswählen

background-attachment: fixed;



Schwarzweißbild als Hintergrund:

Code Editor.JPG


Farbiges Bild als Hintergrund:

Code Editor farbiges Bild.JPG


Ich habe also lediglich mein farbiges Bild mit einem Foto-Programm auf schwarzweiß gestellt und erneut gespeichert.

Re: Hintergrund fixiert

Verfasst: Sa 8. Jan 2022, 14:31
von scherenschlag
Dann hatte ich es doch richtig.
Nur das Motiv ist wohl sch........ :D

Re: Hintergrund fixiert

Verfasst: Sa 8. Jan 2022, 14:34
von Tommy Herrmann
Du musst auch in jedem Fall das "Parallax" von Mobirise an den globalen CSS-Einstellungen (Pinsel-Symbol unten rechts) ausschalten.

Re: Hintergrund fixiert

Verfasst: Sa 8. Jan 2022, 14:56
von scherenschlag
Ich glaube das ausschalten "Parallax" im zweiten Block war es schon.
Sieht schon besser aus.
Hatte ich verkehrt verstanden.
:tu:

Re: Hintergrund fixiert

Verfasst: Fr 21. Jan 2022, 12:04
von scherenschlag
Moin.
Also irgendwie mache ich doch noch etwas falsch.
Ich habe mal einen Block aus AppM5 genommen. Ein graues Logo und im CSS
background-attachment:fixed;
eingefügt. Parallax ausgeschaltet.
Als erstes vergrößert sich durch die Eingabe das Logo um einiges.
Einen Block darunter das farbige Logo. Parallax raus.
Und das sieht dann so aus:
https://www.tsad17.de/testseite
Es scrollt dann zwar hoch. Aber die beiden Logos stehen in keinem Verhältnis mehr.
Ich habe schon zig Blöcke und Möglichkeiten ausprobiert. Klappt nicht.
Irgendwie..... :confused:

Re: Hintergrund fixiert

Verfasst: Fr 21. Jan 2022, 12:37
von Tommy Herrmann
Moin,

was ist denn das für eine Grafik :eek:

2000 Pixel breit
241 Pixel hoch

Nimm doch einfach die Original-Größe in beiden Fällen und gebe das dann als Hintergrundgrafik an

Code: Alles auswählen

background-image: url("Bild.png");
background-repeat: no-repeat;

Re: Hintergrund fixiert

Verfasst: Fr 21. Jan 2022, 14:53
von Tommy Herrmann
... gucke mal,

hier mal ein Beispiel wie man es machen könnte:

https://www.mobirise-tutorials.com/Test ... l#info3-45

Dein Logo solltest Du mal neu und scharf machen - das ist vollkommen verschwommen :(

Ich habe also 2 gleiche Blöcke aufgezogen und jeweils das andere Hintergrundbild (Logo in schwarz-weiß und in farbig) gewählt und dann nur die im Screenshot markierten CSS-Anweisungen dazu geschrieben:

Code: Alles auswählen

background-repeat: no-repeat;
background-size: 200px 200px;
background-attachment: fixed;

CSS vom Logo-Block.JPG

BSV.JPG

Re: Hintergrund fixiert

Verfasst: Fr 21. Jan 2022, 15:16
von scherenschlag
Hallo Tommy.
Die Grafiken sind totaler Mist. Das weiß ich.
Ich probiere erst mal dass ich es hinbekomme. Egal wie sie aussehen.
Und dann mache ich neue.
Ich denke mal ich hab's jetzt kapiert und mache es mal neu.

Re: Hintergrund fixiert

Verfasst: Fr 21. Jan 2022, 15:24
von Tommy Herrmann
Habe das Logo mit was Scharfem ausgetauscht :D

Re: Hintergrund fixiert

Verfasst: Fr 21. Jan 2022, 16:59
von scherenschlag
:tu:
Ich glaube das Logo bekomme ich nicht genehmigt.... :)

Re: Hintergrund fixiert

Verfasst: Fr 21. Jan 2022, 17:33
von scherenschlag
Na geht doch.
https://tsad17.de/testseite/
Danke Tommy

Re: Hintergrund fixiert

Verfasst: Fr 21. Jan 2022, 18:24
von Tommy Herrmann
... na bestens :tu: