Fügen Sie Ihrer Website mit wenigen Zeilen HTML- und CSS-Code einen Ticker hinzu.
Auch als Laufschriften bekannt, laufen Ticker über die Breite eines Bildschirms und präsentieren Botschaften, die so konzipiert sind, dass sie auf einen Blick angezeigt und verstanden werden. Üblicherweise im Fernsehen verwendet, um Nachrichtenhighlights oder Börsendaten anzuzeigen, erscheinen Ticker manchmal auch im Web. Mit ein paar Zeilen HTML- und Cascading Style Sheet (CSS)-Code können Sie diese Art von Inhalten schnell zu Ihrer Website hinzufügen.
Schritt 1
Öffnen Sie Ihre Webseite und zeigen Sie ihren HTML-Code an. Wenn Sie ein visuelles Bearbeitungstool wie Adobe Dreamweaver verwenden, öffnen Sie die Seite und klicken Sie auf den Bereich, in dem Sie Ihren Ticker hinzufügen möchten. Ändern Sie Ihren Anzeigemodus in Codeansicht. Dies zeigt Ihnen den HTML-Code, der das Erscheinungsbild Ihrer Seite steuert. Wenn Sie einen Texteditor verwenden, öffnen Sie Ihre Seite im Editor und scrollen Sie nach unten zu dem Teil der Seite, an dem Sie den Ticker hinzufügen möchten.
Video des Tages
Schritt 2
Drücken Sie die "Enter"-Taste, um eine Leerzeile einzufügen.
Schritt 3
Kopieren Sie den folgenden Code und fügen Sie ihn in die leere Zeile ein:
Dieser Code definiert ein Laufschriftelement, das den Inhalt standardmäßig von rechts nach links über den Bildschirm schiebt. Der zwischen den öffnenden und schließenden Marquee-Tags enthaltene Absatz ist der Inhalt in diesem Beispiel.
Schritt 4
Aktualisieren Sie die Codeparameter entsprechend Ihren Designanforderungen. Das öffnende Marquee-Tag verwendet CSS-Stilregeln, um eine hellgraue Hintergrundfarbe zusammen mit einem 1 Pixel breiten Rahmen in etwas dunklerem Grau zu definieren. Alle diese Werte können angepasst werden. Ersetzen Sie außerdem den Platzhalterinhalt zwischen den öffnenden und schließenden Absatz-Tags durch eigenen Text oder eigene Bilder.
Schritt 5
Speichern Sie Ihre Seite und öffnen Sie sie in einem Webbrowser. Der Ticker erscheint auf dem Bildschirm an der Seitenposition, die Sie in Schritt 1 ausgewählt haben.
