Gewusst wie: Glanz-Effekte mit CSS machen

Mit einer animierten Graphics Interchange Format-Datei und Cascading Style Sheets haben Sie die Möglichkeit, funkeln Auswirkungen auf Ihre Webseite zu machen. Die GIF-Datei enthält digitale, beweglichen Glitter und CSS weist die Dekoration Seitenelemente. Beispielsweise können einen lebendigen Hintergrund auf Ihrer Website werden die Funken auf Hyperlinks angewendet bzw. angezeigt werden. Verwenden einer animierten GIF-Datei und Text-Editor-Programm Ihres Computers um Effekte Funkeln wo Sie bevorzugen.

Anweisungen

1 Melden Sie sich Ihrem Web-Host-Konto und laden Sie Ihre animierte GIF-Datei auf denselben Ordner oder Verzeichnis in dem Ihr anderen Website-Dateien befinden. Notieren Sie die URL-Adresse-Datei nach dem Upload--z. B. http://www.yoursite.com/images/sparkle.gif. Wenn Sie eine Host-Konto keinen zeigen Sie Ihren Browser auf eine kostenlose online-File-Host, z. B. File Dropper oder Daten Datei Host, folgen Sie die Anweisungen zum Hochladen des Glanz GIF und erfassen Sie die URL, nachdem der Prozess abgeschlossen ist.

2 Starten Sie Ihr Text-Editor-Programm zu, und öffnen Sie das Dokument des Webseite wo Sie Funkeln Effekte machen möchten. Positionieren Sie den Cursor vor die Endung < / Head > Element oben und geben Sie den folgenden CSS-Code:< Typ style = "Text/Css" >

< / style >

3 Geben Sie ein HTML-Element zwischen den Style-Tags zu bestimmen, wo Sie die Glitter-Animation auf Ihrer Seite übernehmen. Geben Sie beispielsweise "a" für Links, "p" für Absätze oder "Körper" für die gesamte Seite. Geben Sie ein paar von geschweiften Klammern, nachdem Ihr Eintrag wie folgt:< Typ style = "Text/Css" >Körper {}< / style >

4 Typ "Hintergrund-Bild: Url ("URL-Adresse'); "zwischen den geschweiften Klammern und ersetzen den Eintrag"URL-Adresse"die Adresse Ihre animierte GIF-Datei. Zur Veranschaulichung:body { background-image: url('http://www.yoursite.com/images/sparkle.gif'); }

5 Speichern Sie die Datei und eine Vorschau in einem Browser. Wenn Sie bereit sind, laden Sie Ihr Dokument auf der Web-Host, die Glanz-Effekte zu veröffentlichen.

Tipps & Warnungen

• Sie können kostenlose funkel Bilder auf animierte GIF Maker Webseiten wie Glitterizer, Webestools und Glitterboo erstellen. Folgen Sie den Anweisungen auf der Website zum Erstellen eines Bildes und die animierte GIF-Datei auf Ihren Computer herunterladen.