Externe Bilder von einem entfernten Standort mit CSS einbinden

December 27

Mit Cascading Style Sheets (CSS) können Sie ein Bild aus auf eine Ihrer Seiten außerhalb Ihrer Website einfügen. Drei Möglichkeiten, ein Element in CSS Attribute geben sind Inline-Styles, internen Stylesheets und externen Stylesheets. Gehen folgendermaßen Sie vor, um externe Bilder von einem entfernten Standort mit CSS erweitert.

Anweisungen

Inline-Stile

1 Finden Sie den Code für das Element in ein Bild einfügen möchten. In diesem Fall ist es

. 2 Fügen Sie den folgenden Code zwischen dem Ende des Starttags des Elements und die schließende eckige Klammer:

Stil = "Hintergrund-Bild: url(image_url); Breite: X Pixel; Höhe: Y px; "

Wo Bild_URL ist die URL des Bilds entfernten X ist die Breite des Bildes in Pixel und Y ist die Höhe. In unserem Beispiel würde also unsere Div werden:

<div style = &quot;url(http://www.fake.com/images/fake.gif); width: 30px; height: 30px;&quot;></div>

Stylesheet, internes

3 Suchen Sie das Tag im Code Ihrer Webseite. Es sollte in Richtung Anfang des Codes.

4 Das Tag eine Zeile nach unten zu verschieben. Wenn das Tag in einer Reihe mit anderen Code befindet, verschieben Sie es in eine eigene Zeile und dann für ein weiteres abwärts.

5 Fügen Sie folgenden Code in der Zeile über dem Tag:

6 Fügen Sie den folgenden Code zwischen dem Ende des Starttags des Elements und die schließende eckige Klammer:

Klasse = "Bri"

So würde in unserem Beispiel unserer Div werden

<div class = &quot;bri&quot;></div>

Tipps & Warnungen

  • Verwenden Sie internen Stylesheets, um eine Anzahl von Elementen mit dem gleichen Bild zu füllen. In diesem Fall würden Sie die Klasse = "Bri"-Attribut auf jedes Element, das Sie wollten gefüllt. Auf diese Weise können Sie andere CSS-Tags auf die "Bri" Klassenelemente hinzufügen, ohne auf jedes Element, gerade am Anfang des Dokuments ändern.
  • Sie können externe Stylesheets verwenden, indem man den Code von innerhalb Ihrer internen Tabelle (d. h. die Tags) in einem separaten Dokument. Platzieren Sie dann anstatt dieser Tags vor Ihrem Tag: Du kannst dies, wo FILENAME.css Ihre neue Stylesheet-Datei ist. Dadurch können Sie verwenden das gleiche Blatt für eine Anzahl von Seiten, das ist toll, wenn Sie die gleichen Stile in Ihren Seiten verwenden möchten.
  • Wenn Sie eine entfernte Bild auf Ihrer Seite anzeigen, werden Zuschauer es aus der Ferne herunterladen. Dies wird die Bandbreite von remote-Standort Essen. Andere Webmaster kann nicht freundlicherweise dazu nehmen; Sie könnten Sie abgeschnitten, darunter Bilder aus ihrer Domäne, oder sie können auf Ihrem Web-Host über Ihren Missbrauch ihrer Bilder zu beklagen. Zuerst die Erlaubnis einholen.