Der einfachste Weg, einen Hintergrund mit Farbverlauf auf Ihrer Website erstellen

Ein Hintergrund mit Farbverlauf ist eine Möglichkeit, ein wenig Flair zu Ihrer Website hinzuzufügen. Generell Ihre Website eine bestimmte Hintergrundfarbe haben wird, und der Farbverlauf kommt aus einem Bild am oberen Rand des Bildschirms positioniert. Der Farbverlauf schwindet allmählich von der Hintergrundfarbe der Webseite in einer anderen Farbe Ihrer Wahl. Dabei entsteht eine nahtlose Überblendung und eine neue ästhetische Erfahrung für Ihre Besucher. Ein wenig HTML-Kenntnisse werden in diese Aufgabe nützlich sein.

Anweisungen

1 Farbverlauf-maker.com verwahrlosen. Klicken Sie das Kästchen neben "Endfarbe" beschriftet "Klicken um den Farbwähler zu verwenden." Mit dem Tool unten, wählen Sie die Farbe der Hintergrund Ihrer Website sein soll, die Farbe soll den Farbverlauf zu verblassen. Notieren Sie den Hashcode, der im Feld "Endfarbe" angezeigt wird, und halten Sie dieses Fenster offen zu.

2 Melden Sie den FTP-Account für Ihre Website. Wenn die Site verwendet einen CSS-Stylesheet, normalerweise genannt "style.css", herunterladen Sie dies auf Ihren Computer. Wenn dies nicht der Fall ist, laden Sie alle HTML-Dateien, die auf denen Sie den Farbverlauf hinzufügen möchten. Erstellen Sie eine Sicherungskopie dieser Dateien auf Ihrem Computer--Dies ist, damit Sie Ihre Website auf die vorherigen Einstellungen wiederherstellen können, wenn Sie einen Fehler machen.

3 Öffnen Sie die erste HTML-Datei, die Sie bearbeiten möchten, und das Stylesheet. Suchen Sie das Styling für "Körper", die in der Regel am Anfang des Stylesheets oder kurz nach der < Body >-Tag in der HTML-Datei werden. Suchen Sie die Codezeile, die etwa wie folgt aussieht:

Hintergrundfarbe: #fff;

Ändern Sie "#fff" in der hex-Code, den Sie in Schritt 1 notiert.

4 Zurück zum Farbverlauf-maker.com, und wiederholen Sie den Vorgang für den "Start-Farbe" des Farbverlaufs in Schritt 1 beschrieben.

5 Legen Sie das Textfeld "Breite", "5" und "Höhe" Textfeld auf die gewünschte Größe, den Farbverlauf zu sein. Wenn Sie nicht sicher sind, klicken Sie auf der rechten Seite "Gradient machen". Dadurch ändert sich den Hintergrund Farbverlauf Maker an den Einstellungen, die Sie angeben. Einfach wiederholen Sie diesen Vorgang, bis Sie mit dem Ergebnis zufrieden sind.

6 Klicken Sie "Download" und speichern Sie die Datei am gleichen Speicherort wie die HTML-Dateien, und benennen Sie sie in "gradient.php". Verwenden Sie alle Kleinbuchstaben.

7 Zurück zu die HTML- oder CSS-Datei, die Sie zuvor bearbeitet haben. Fügen Sie unter der Zeile "Background-Color" die folgenden Codezeilen:

Background-Image:URL('gradient.png');

Background-Repeat: Repeat-X;

8 Speichern Sie die Datei. Wenn Sie ein CSS-Stylesheet benutzen, ist dies die einzige Datei, die Sie bearbeiten möchten. Wenn nicht, wiederholen Sie diesen Vorgang für jede Ihrer HTML-Dateien. Upload der Dateien auf Ihrer Website über Ihr FTP-Programm.