- Web Templates
- E-commerce Templates
- CMS und Blog Templates
- Facebook Templates
- Website-Builder
Landing Page. Wie man ein Hintergrund-Video durch ein Hintergrundbild ersetzt
Juli 7, 2015
Guten Tag! Von diesem Tutorial erfahren Sie, wie man ein Hintergrund-Video durch ein Hintergrundbild in Landing Page Vorlagen ersetzt.
Landing Landing Page. Wie man ein Hintergrund-Video durch ein Hintergrundbild ersetzt
Wenn Sie ein Hintergrund-Video durch ein Hintergrundbild ersetzen möchten, folgen Sie dieser Anleitungen:
Vor allem sollen Sie das Skript deaktivieren, das Ihr Video startet.
-
Indem Sie FTP/Dateimanager nutzen, öffnen Sie die Datei /js/scripts.js zur Bearbeitung.
-
In dieser Datei finden Sie den folgenden Code:
(function ($) { var o = $('.vide'); if (o.length > 0) { include('js/jquery.vide.js'); } })(jQuery);
Sie sollen diesen Code deaktivieren, indem Sie ihn auskommentieren oder löschen. Im Ergebnis erhalten Sie das Folgende:
/*(function ($) { var o = $('.vide'); if (o.length > 0) { include('js/jquery.vide.js'); } })(jQuery);*/
Speichern Sie die Datei, um die Änderungen dadurch vorzunehmen:
Sie sehen jetzt kein Video auf Ihrer Website:
Lassen Sie uns jetzt das Hintergrundbild zur Seite hinzufügen.
-
Laden Sie das gewünschte Hintergrundbild in den Ordner /images/ hoch. Es kann, zum Beispiel, das Bild “background-image.jpg” sein.
-
Indem Sie Firebug für den Browser Firefox oder Standardfunktionen “Element untersuchen” (“Inspect Element”) für andere Browser nutzen, finden Sie die Klasse, die für das Video festgelegt wurde:
-
Wir legen jetzt die CSS Regel für diejenige Klasse fest, die wir vorher gefunden haben. Die Regel wird so aussehen:
.vide { background-image: url("../images/background-image.jpg"); }
Fügen Sie den Code am Ende Ihrer Datei /css/style.css hinzu:
Vergessen Sie nicht die Datei zu speichern. Dadurch werden die Änderungen vorgenommen.
Kehren Sie zur Website zurück und aktualisieren Sie die Seite, um die vorgenommenen Änderungen zu sehen.
Das Hintergrundbild wurde erfolgreich hinzugefügt.
Dieses Tutorial ist jetzt zu Ende. Sie können jetzt selbst den Hintergrund in Ihrer Landing page Vorlage ersetzen.
Sie können auch das ausfuhrliche Video-Tutorial nutzen:
Landing Page. Wie man ein Hintergrund-Video durch ein Hintergrundbild ersetzt