Einen Scroll-Box Generator anpassen

July 9

Ein Scroll-Feld-Generator ist eine webbasierte Anwendung, die einen Div-Container mit einer Bildlaufleiste erstellt, Sie können kopieren und fügen Sie in Ihre eigene Website, Blog oder soziale Netzwerke-Seite. Nach Eingabe der Breite, Höhe, Farbe und ein paar andere Optionen, erstellt der Scroll-Feld-Generator einen Div-Container-Tag, in der den notwendigen CSS-Code um das Bildlauffeld im gewählten Stil Rendern enthalten. Sie können Ihre Scroll-Feld Generator-Optionen anpassen, durch Bearbeiten der Textfelder und Menüs auf der Scroll-Feld Generator Webseite.

Anweisungen

1 Starten Sie Ihren Web-Browser und navigieren Sie zu einer Scroll-Feld Generator Webseite.

2 Platzieren Sie den Cursor in das Textfeld "Breite" und klicken Sie löschen den Standard-Width-Wert, falls vorhanden. Geben Sie die gewünschte Breite des Bildlauffelds. Löschen Sie den Wert aus dem Textfeld "Höhe", und ersetzen Sie die gewünschte Höhe des Bildlauffelds.

3 Klicken Sie im Textfeld "Hintergrundfarbe", oder "Farbauswahl" neben dem "Hintergrundfarbe" Text-Feld, um eine Farbe auswählen Panel anzuzeigen. Hier klicken, um eine Hintergrundfarbe auswählen.

4 Das Textfeld "Rahmenfarbe" oder den "Color Chooser" Link neben dem Textfeld "Rahmenfarbe" klicken um eine Farbe auszuwählen.

5 Hier klicken, um eine Rahmenbreite und Rahmenart aus der Drop-Down-Menüs auswählen.

6 Klicken Sie hier, um die Farbe für den Text in das Feld Wählen Sie das "Textfarbe" Farb-Auswahl-Panel. Geben Sie oder wählen Sie einen Schriftgrad im Feld "Schriftgrad", dann wählen Sie eine Schriftart im Dropdown-Menü "Schriftart". Klicken Sie hier, um eine Prüfung im "Fett" oder "Kursiv" Kästchen, um den Stil des Textes in das Feld ändern.

7 Geben Sie eine Hintergrundbild URL in das Textfeld "Hintergrundbild", falls vorhanden. Das Hintergrundbild kann jedes Bild im Web, die Sie als Hintergrund in das Bildlauffeld anzeigen möchten. Bilder, die kleiner als die Scroll-Feld-Breite und Höhe sind werden wiederholt werden, um den verfügbaren Bereich füllen.

8 Geben Sie den Text, den Sie in das Feld im Feld "Absatz" oder "Ihr Text" anzeigen möchten. Wenn kein Textfeld angezeigt wird, geben Sie Ihren Code vor der "< / Div >" Teil der Code für das generierte Scroll.

9 Klicken Sie auf die Schaltfläche "Absenden" oder "Code generieren" um den Scroll-Feld-Code generieren.

10 Markieren Sie den Scroll-Feld-Code, dann halten Sie "Ctrl" ("Command" Taste bei Mac-Computern) und tippen Sie "C" um den Code in die Zwischenablage zu kopieren.