Seiten mit einem ansprechenden Erscheinungsbild sind bei den Besuchern sehr beliebt. Um das Erscheinungsbild der Ressource zu verbessern, ändern ihre Besitzer in der Regel das Design ganz oder teilweise. Leider nimmt das Hinzufügen neuer farbiger Elemente für die Seitendekoration viel Zeit in Anspruch. Eine schnelle Möglichkeit, die Aufmerksamkeit der Ressourcenbesucher zu erregen, besteht darin, den üblichen Cursor durch ein kleines Bild zu ersetzen. Um ein solches Element auf der Site zu installieren, müssen Sie einige einfache Schritte ausführen.
Es ist notwendig
- - eigene Seite
- - mindestens Grundkenntnisse in HTML haben
- - wissen, wo sich der CSS-Code auf der Website befindet
Anleitung
Schritt 1
Laden Sie zunächst ein Bild herunter, das den Zeiger auf der Website ersetzt. Bilder gängiger Grafikformate (.bmp,.gif,.jpg,.png
Schritt 2
Um den Zeiger zu ersetzen, benötigen Sie ein Bild im.cur- oder.ani-Format. Um ein solches Bild zu erhalten, suchen Sie im Internet nach Bildern, die speziell für Cursor entwickelt wurden. Die Erweiterung.cur ist spezifisch für statische Bilder und die Erweiterung.ani ist spezifisch für animierte Bilder. Speichern Sie die gewünschte Datei auf Ihrem Computer.
Schritt 3
Um den Zeiger zu ändern, ist es jedoch überhaupt nicht erforderlich, das fertige Bild aufzunehmen. Wenn Sie selbst ein Bild erstellen möchten, verwenden Sie eines der speziellen Programme zum Erstellen von Cursorn oder zum Konvertieren von Grafikdateiformaten.
Schritt 4
Füllen Sie das Bild für den Cursor auf der Website aus. Suchen Sie dann im Ressourcencode das Tag und nehmen Sie die folgenden Änderungen daran vor:
Anstatt "images / 1.ani" zu schreiben, geben Sie den Pfad zu dem auf Ihre Site hochgeladenen Bild an.
Schritt 5
Wenn Sie möchten, dass der Cursor die Form eines Bildes hat, wenn Sie mit der Maus über den Link fahren, und wenn das Linkelement nicht vorhanden ist - um wie ein anderes Bild auszusehen, dann ist es besser, CSS zu verwenden, um den Zeiger zu ändern. Um solche Transformationen vorzunehmen, laden Sie zuerst eine andere Datei mit der Erweiterung.cur oder.ani auf die Site hoch.
Schritt 6
Geben Sie dann im CSS Ihrer Site einen Eintrag "body {cursor: url ('1.ani');}" anstelle von "1.ani" ein und geben Sie den Pfad zum Hauptbild für den hochgeladenen Cursor an Seite? ˅. Dieser Code fügt dem Tag, in dem der Inhalt aller Seiten der Ressource geschrieben wird, die Eigenschaft hinzu, den Cursor auf das angegebene Bild zu ändern.
Schritt 7
Dann schreiben Sie in CSS die Zeile "a {cursor: url ('2.ani');} und ersetzen Sie "2.ani" durch den Pfad zum Cursorbild, das in die Ressource hochgeladen wurde, das erscheinen sollte, wenn der Mauszeiger darüber bewegt wird die Verbindung. Die vorgenommene Eingabe ermöglicht es Ihnen, den Cursor durch das entsprechende Bild zu ersetzen, wenn der Zeiger auf einen Link auf der Site trifft, da er Änderungen an der Tag-Eigenschaft vornimmt.
