Wie anfügen Sie Ihrem aktiven Stylesheet mit dem Leuchtkasten?

January 20

Leuchtkasten ist ein kleines Skript, das Sie Ihre eigene Website hinzufügen können. Leuchtkasten lädt und zeigt Bilder von Links, die Benutzer klicken in eine Überlagerung oben auf der aktuellen Seite anstatt auf einer separaten Seite. Als Teil des Installationsvorgangs Leuchtkasten müssen Sie die Lightbox-JavaScript und CSS-Dateien in den Quellcode Ihrer Webseite einschließen. Wenn Sie nicht, dass das Lightbox-Stylesheet enthalten möchten, weist die offizielle Dokumentation Sie "Ihre aktive Stylesheet mit dem Leuchtkasten stattdessen anfügen". Hierzu können Sie Ihre vorhandenen Stylesheet den Code in der Datei Lightbox.css hinzufügen.

Anweisungen

1 Öffnen Sie Ihre Web-Seite HTML-Quellcode. Suchen Sie einen Tag im oberen Bereich der Seite Anfang mit "< link Rel ="Stylesheet"."

2 Untersuchen die "Href =" Element nach der "Rel ="Stylesheet"" Element, um die Adresse Ihrer aktiven Stylesheet zu bestimmen. Z. B. "href="css/example.css"" gibt an, dass Ihre aktiven Stylesheet heißt "example.css" und sich im "Css" Verzeichnis auf Ihrem Webserver befindet.

3 Öffnen Sie die CSS-Datei angegeben auf Ihrer Web-Seite in einem Texteditor.

4 Herunterladen Sie das Leuchtkasten-Paket von HuddleTogether.org und entpacken Sie es.

5 Öffnen Sie das extrahierte Verzeichnis "Css" und öffnen Sie die Datei "Lightbox.css" in einem Texteditor. Nicht Notepad verwenden, oder Sie werden nicht sehen, die richtige Formatierung. Öffnen Sie sie mit WordPad stattdessen per Rechtsklick, zeigen auf "Öffnen mit" und auswählen "WordPad".

6 Wählen Sie den Text in der Datei Lightbox.css mit der Maus, rechtsklicken Sie darauf und klicken Sie auf "Kopieren".

7 Am unteren Rand Ihrer Web-Seite CSS-Datei mit der rechten Maustaste, und klicken Sie auf "Einfügen", um die Lightbox CSS-Code an Ihre aktive Stylesheet anfügen.

8 Speichern Sie Ihre Web-Seite CSS-Datei zu, und laden Sie sie auf Ihrem Webserver.

Tipps & Warnungen

  • Wenn Sie nicht, eine Tag, der mit beginnt sehen "< link Rel ="Stylesheet"" in Ihrer Web-Seite HTML-Quellcode Ihrer Webseite ist nicht mithilfe eines Stylesheets. Gehören Sie das Stylesheet Leuchtkasten stattdessen.

SIE KÖNNEN AUCH GERNE