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
  Dem Block aus Slider Galeries eine Schatten verpassen funsport 6 82 Gestern, 21:47
Letzter Beitrag: Martin73
  Textausrichtung in einem Dropdown-Menü Kay 7 129 05.04.2020, 15:24
Letzter Beitrag: Kay
  Hintergrundfarbe Block Radi 3 109 25.03.2020, 14:57
Letzter Beitrag: Tommy Herrmann
  Block zerhauen nach gebrauch von TAB Taste funsport 1 65 16.03.2020, 09:43
Letzter Beitrag: Tommy Herrmann
  font im Mobirise Block ändern nof15us 2 138 03.03.2020, 14:08
Letzter Beitrag: nof15us
Photo Custom-Block aus Mobirise-Block erstellen Goldschwalbe 3 159 21.02.2020, 23:18
Letzter Beitrag: Martin73
  Schrift drehen mit einem Strich stobi_de 2 105 16.02.2020, 12:47
Letzter Beitrag: stobi_de
  Block-Pack Extrazeit 2 107 14.02.2020, 14:12
Letzter Beitrag: Extrazeit
Photo Block mit steps - Anzahl steps ändern? Utz29 6 182 29.01.2020, 17:06
Letzter Beitrag: Utz29
  fehlerhafte Anzeige unter Chrome travel76 1 127 26.01.2020, 13:03
Letzter Beitrag: Tommy Herrmann



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!