Zen2cool Ideen für das Website-Design Wie man etwas Leben in die / Tips How to put some life in the background images

Extensions, Bedingungen und Preise, Third Party Apps
Benutzeravatar
zen2cool
Mitglied (Level 3)
Mitglied (Level 3)
Beiträge: 20
Registriert: Do 24. Dez 2020, 14:01
Wohnort: Belgium
Kontaktdaten:

Zen2cool Ideen für das Website-Design Wie man etwas Leben in die / Tips How to put some life in the background images

Ungelesener Beitrag von zen2cool »

How to put some life in the background images

How to put some life simply in a common background image for all your blocks ...

If you pay attention, the background image will color when you scroll through your website.

Nothing could be simpler, you just have to duplicate your image and then insert it in your different blocks.

--------------------------------------------------------------------------------------------------------------------------------------------

Wie Sie einfach etwas Leben in ein gemeinsames Hintergrundbild für alle Ihre Blöcke bringen ...

Wenn Sie aufpassen, färbt sich das Hintergrundbild, wenn Sie durch Ihre Website scrollen.

Nichts könnte einfacher sein, Sie müssen nur Ihr Bild duplizieren und es dann in Ihre verschiedenen Blöcke einfügen.

--------------------------------------------------------------------------------------------------------------------------------------------

Start-Image

Bild

modifiziertes Image

Bild
Bild
Bild
Bild


Then with the code editor you have to modify this and remove the paralax in the options
Dann müssen Sie dies mit dem Code-Editor ändern und den Paralax in den Optionen entfernen

Code: Alles auswählen

& when (@bg-type = 'image') {
  background-image: url(@bg-value);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
The result
Visit my website !
zen2cool pack V2.1 updated 09/01/2021
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Zen2cool Ideen für das Website-Design Wie man etwas Leben in die / Tips How to put some life in the background image

Ungelesener Beitrag von Tommy Herrmann »

Rudy,

das sieht sehr schön aus und damit kann man viel erreichen :tu:

Ich hatte hier in meinen "Mobirise-Tutorials" auch einmal etwas Ähnliches erstellt:

https://mobirise-tutorials.com/Business ... xiert.html
Benutzeravatar
Rancher
Moderator
Moderator
Beiträge: 465
Registriert: Di 8. Dez 2020, 18:37
Wohnort: Elsass

Re: Zen2cool Ideen für das Website-Design Wie man etwas Leben in die / Tips How to put some life in the background image

Ungelesener Beitrag von Rancher »

Wow! :tu:
Wenn Dein Pferd tot ist, steig ab.
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 12 Gäste