Moin.
Frage. Gibt es keine einfache Möglichkeit Blöcke mit bestimmten Voraussetzungen zu finden?
Ich suche einen Parallax Block für mein Foto. Und das sollte auch noch in der Höhe verstellbar sein.
Gab oder gibt es. Hatte ich schon. Nur wie finde ich solche Blocks im umfangreichen Blocksortiment von MBR?
Jemand einen Tipp? Habe ich etwas übersehen?
Hilfe.......
Blocksuche
-
- Mitglied (Level 10)
- Beiträge: 257
- Registriert: Di 15. Dez 2020, 11:46
- Wohnort: Dortmund
Blocksuche
scherenschlag
MBR 5.9.17
MBR 5.9.17
- Tommy Herrmann
- Site Admin
- Beiträge: 5744
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Blocksuche
Moin,
den Parallax-Effekt kannst Du meist nur an einigen Blöcken der Rubrik "Header" (Kopfblöcken) einschalten.
Leider gibt es dafür keine Suchoption. Da musst Du gucken.
Man kann das aber auch selbst mit fixierten Hintergründen erreichen, wie auf meiner Beispielseite hier:
https://www.mobirise-tutorials.com/Busi ... xiert.html
Dort beschreibe ich das auch beispielhaft an diesem Bildausschnitt mit dem Seil mit dieser CSS-Class, in der ich auch die Höhe angebe.
Die CSS in den Bereich "CSS Editor" vom "Code Editor":
Das DIV mit der class="myparallax" von oben in den Bereich "HTML Editor" vom "Code Editor":
Bei dem Block darüber, der den Steg mit dem Poller und dem Seil als Hintergrundbild zeigt, habe ich lediglich den Hintergrund mit dieser zusätzlichen CSS-Anweisung fixiert:
den Parallax-Effekt kannst Du meist nur an einigen Blöcken der Rubrik "Header" (Kopfblöcken) einschalten.
Leider gibt es dafür keine Suchoption. Da musst Du gucken.
Man kann das aber auch selbst mit fixierten Hintergründen erreichen, wie auf meiner Beispielseite hier:
https://www.mobirise-tutorials.com/Busi ... xiert.html
Dort beschreibe ich das auch beispielhaft an diesem Bildausschnitt mit dem Seil mit dieser CSS-Class, in der ich auch die Höhe angebe.
Die CSS in den Bereich "CSS Editor" vom "Code Editor":
Code: Alles auswählen
.myparallax {
background-image: url('http://www.mobirise-tutorials.com/BusinessM4/parallax/Seil.jpg');
height: 400px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}
Code: Alles auswählen
<div class="myparallax"></div>
Bei dem Block darüber, der den Steg mit dem Poller und dem Seil als Hintergrundbild zeigt, habe ich lediglich den Hintergrund mit dieser zusätzlichen CSS-Anweisung fixiert:
Code: Alles auswählen
background-attachment: fixed;
-
- Mitglied (Level 10)
- Beiträge: 257
- Registriert: Di 15. Dez 2020, 11:46
- Wohnort: Dortmund
Re: Blocksuche
Wunderbar......
Das habe ich mal ausprobiert und es funktioniert astrein.
Jetzt liegt es an mir das Foto in richtiger Größe zu platzieren. Bin ja noch am basteln.
Wer gucken möchten:
https://tsad17.de/BSV2022/unterstuetzun ... rbepartner
Etwas runterscrollen. Vereinsheim Blau/rot.....
Das habe ich mal ausprobiert und es funktioniert astrein.
Jetzt liegt es an mir das Foto in richtiger Größe zu platzieren. Bin ja noch am basteln.
Wer gucken möchten:
https://tsad17.de/BSV2022/unterstuetzun ... rbepartner
Etwas runterscrollen. Vereinsheim Blau/rot.....
scherenschlag
MBR 5.9.17
MBR 5.9.17
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 25 Gäste