Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Durchlaufende Hintergrundbilder unter einem Block
#1
Hallo Ihr lieben gibt es bistimmt schon einen Tread aber ich habe keinen Gefunden.

Wie  macht man das mit den Durchlaufenden Bildern wie das unser Liebe Stobi hier
perfekt gelöst hat.

Das wäre Ideall für unseren Basketball Club

Sorry wenn ich deine Webseite hier anführe aber die finde ich halt den Hammer

https://www.afripix.de/

Sorry wenn ich den Tread hätte finden müssen
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Moin,

da hat Frank einfach das Hintergrundbild in einer CSS für einen leeren Block angegeben und mittels CSS fixiert.

Diese CSS würdest Du dann (angepasst an Dein Bild) in den Bereich "CSS Editor" vom "Code Editor" kopieren:

Code:
background-image: url("./assets/images/Hintergrundbild.jpg");
background-position: center center;
background-attachment: fixed;
background-size: cover;
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Hallo was mache ich falsch bin mal wieder etwas Ratlos oder zu dumm oder Denke zu einfach

http://www.soltec-es.com/NOF-SCHULE/190704cdba/

Benutzername :  NOF-SCHULE

Paswort: NOF-1191


Code:
background-image: url("./assets/images/ClubDeportivoBaloncestoAlgeciras-Convergation.jpg");
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
Du musst bei den Block-Einstellungen (Zahnrad) "Parallax" noch ausschalten.


... ich hatte vorhin nur in den Quelltext von Stobis CSS geguckt.

Eigentlich ist viel weniger notwendig, gucke Dir mein Beispiel (mit fixiertem Hintergrundbild) hier mal an (3. Block von oben):

http://www.mobirise-tutorials.com/Testse...clone.html

Du musst dafür einen Block mit einem Hintergrundbild verwenden, Du kannst im Prinzip dann sämtliche Schrift bei den Einstellungen auch einfach ausschalten. "Parallax" muss bei den "Zahnrad-Einstellungen" des Blocks ausgeschaltet sein.


.jpg  Parallax_aus.JPG (Größe: 33,06 KB / Downloads: 7)


Dann fügst Du die Anweisung "fixed" hinzu und fertig:

Code:
background-attachment: fixed;


.jpg  CSS-Editor.JPG (Größe: 194,53 KB / Downloads: 7)



P.S.:

... weitere Beispielseite von mir hier:

http://www.mobirise-tutorials.com/Busine...xiert.html


Info: "fixed" funktioniert nicht am mobilen Gerät.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
Ich glaube, er will eine Hintergrund-Diashow haben.
Und das geht halt nur mit Backstretch.

Es ist teilweise dann so, wie Tommy sagt:
Du nimmst einen fullscreen Header-Block und weist diesem eine konstante Hintergrundfarbe zu, nichts mit Verlauf oder so.
Dann schaust Du in den Code-Edi in den CSS-Part und tragst dann dort an der Stelle für die bgcolor TRANSPARENT ein.

Nun ruft Du die Einstellungen Deiner einzelnen Seite auf und trägst am Ende des Body dieses ein

<!-- Backstretch -->
<script type="text/javascript" src="./backstretch/jquery.backstretch.min.js"></script>
<script>
$.backstretch([
"https://www.bergisches-team.de/backstretch/images/back1.jpg",
"https://www.bergisches-team.de/backstretch/images/back2.jpg",
"https://www.bergisches-team.de/backstretch/images/back3.jpg"
], {
fade: 750,
duration: 3000
});
</script>

Beachte, dass die Pfade korrekt sind und Deine Bilder auch im entsprechenden Ordner liegen.
Die Pfade müssen absolut sein, weil Mobi diese sonst verbiegt auf Assets.

Hier hatte ich das zuletzt gemacht
https://www.bergisches-team.de/

Frank
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
Photo Custom-Block aus Mobirise-Block erstellen Goldschwalbe 3 108 22.02.2020, 00:18
Letzter Beitrag: Martin73
  Schrift drehen mit einem Strich stobi_de 2 75 16.02.2020, 13:47
Letzter Beitrag: stobi_de
  Block-Pack Extrazeit 2 67 14.02.2020, 15:12
Letzter Beitrag: Extrazeit
Photo Block mit steps - Anzahl steps ändern? Utz29 6 147 29.01.2020, 18:06
Letzter Beitrag: Utz29
  fehlerhafte Anzeige unter Chrome travel76 1 88 26.01.2020, 14:03
Letzter Beitrag: Tommy Herrmann
  HTML Block und dann Layout Fehler kfz-fotograf 4 162 30.11.2019, 09:29
Letzter Beitrag: kfz-fotograf
  Mobirise-Weißer Fleck im Block Thomas Saake 6 190 27.11.2019, 16:47
Letzter Beitrag: Tommy Herrmann
  Mich nervt ein Block RB_BCC 2 125 13.11.2019, 17:02
Letzter Beitrag: Tommy Herrmann
  Passwortschutz für Mobirise-Block nof15us 10 267 02.11.2019, 18:22
Letzter Beitrag: Tommy Herrmann
  im Block Dschungel AnnaSP 4 194 28.10.2019, 10:09
Letzter Beitrag: AnnaSP



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!