Scroll-Boxen erstellen

Ein Bildlauffeld ist ein wunderbares Stück der Kodierung, die platzsparend und bequeme Funktionalität eine Website hinzufügen kann. Eine Scroll-Box ist ein kleines HTML-Fenster mit Informationen gefüllt; ein Scroll-Balken auf der Seite des Fensters ermöglicht ein Website-Besucher einen Bildlauf durch die Informationen in das Bildlauffeld. Websites verwenden häufig Bildlauffelder zur Eindämmung von Blogrolls oder andere große Textsegmente, Übersichtlichkeit auf einer Webseite zu helfen.

Um den HTML-Code zu erhalten, wie Sie den Code eingeben Codesymbole verwenden Editor oder einige andere HTML-Bearbeitung Anwendung.

Anweisungen

1 Öffnen Sie Notepad oder Ihre Lieblings-HTML editing-Software.

2 Geben Sie den folgenden HTML Code und fügen Sie es in ein neues, leeres Dokument.

< Zentrum >< / center >

Dadurch wird den Text in Ihrem Scroll-Box innerhalb des Bildlauffelds selbst zentriert werden. Wenn Sie nicht zentrierter Text haben möchten, zu beseitigen Sie diesem Schritt; Ihre Scroll-Feld Text wird auf den Standardwert zurückgesetzt Textausrichtung Einstellungen für Ihre Webseite.

3 Geben Sie Folgendes ein:

< Div Style = "" >< / Div >

4 Fügen Sie die folgenden zwischen den zwei Anführungszeichen aus Schritt 3:

Border: 2px schwarz gepunktetGEHEN

Dadurch wird das Bildlauffeld einen dünnen, punktierten, schwarzen Rahmen um das äußere des Bildlauffelds haben. Die Details nach Ihren Wünschen anpassen. Z. B. Wenn Sie keinen Rand haben möchten, ersetzen Sie "2px" mit "0px." Wollen Sie einen dickeren Rand haben, ersetzen Sie "2px" mit einer größeren Zahl. Wenn Sie eine durchgezogene Linie in einer anderen Farbe haben möchten, auf "Solid;" ändern "punktiert" Typ in einer anderen Farbe anstelle von "Black," wie "gelb"rot"," oder "blau".

5 Drücken Sie die Leertaste auf Ihrer Tastatur einmal. Fügen Sie die folgenden nach dem Code, die, den Sie von Schritt 4 eingefügt:

Overflow: auto; Höhe: 100px; Breite: 270px;

Dies wird die Größe des Bildlauffelds auf der Website verwaltet. Die Höhe und Breite nach Ihren Wünschen anpassen.

6 Drücken Sie die Leertaste auf Ihrer Tastatur einmal. Fügen Sie die folgenden nach dem Code, die, den Sie von Schritt 5 eingefügt:

Farbe: rot; Hintergrundfarbe: weißGEHEN

Diese verwaltet die Text- und Hintergrundfarbe Farbe innerhalb des Bildlauffelds. In den Code gegeben, wird der Text rot sein und das Innere des Bildlauffelds (Hintergrund) werden weiß. Nach Ihren Wünschen anpassen.

7 Geben Sie Ihren Text zwischen "größer als" und "weniger als" Symbole (><) aus Schritt 3. Ihre grundlegende, fertige HTML-Code sollte wie folgt, Anpassungen aussehen:

< Zentrum >< Div Style = \ "Grenze: 2px punktiert schwarz; Overflow: auto; Höhe: 100px; Breite: 270px; Farbe: rot; Hintergrundfarbe: weiß; \ "> TEXT hier einfügen < / Div >< / center >

8 Kopieren Sie und fügen Sie den ausgefüllten, angepassten Code in den HTML-Code Ihrer Website.

Tipps & Warnungen

• Speichern Sie Ihr Dokument, wenn Sie zuerst beginnen und während der Arbeit, im Falle eines Systemabsturzes oder einem anderen Problem Sie verursacht, Ihre Arbeit zu verlieren.
• Achten Sie darauf, dass Sie jedes einzelnes Zeichen korrekt, wie in den Schritten geben. Versagens, ein Anführungszeichen oder Semikolon wird den HTML-Code unwirksam dargestellt.
• Legen Sie benutzerdefinierte Scroll Feld Code in den eigentlichen HTML-Code Ihrer Website. Legen Sie den Scroll-Feld-Code nicht in jedem \"visual\" oder \"compose\" Editor-Modus Ihrer Webseite-Entwicklung-Software; tut also dekodiert wird die HTML-Codierung, und es wird nicht richtig angezeigt.