Wie stelle ich ein Bild/Banner auf meine Profilseite?

1. Das Bild
Wählen sie eine der unten gezeigten Optionen
- Ich habe den Bild- oder Banner-CodeAnzeigen
- Ich habe ein Bild online (z.B. auf einer Cacheseite)Anzeigen
- Ich habe ein Bild auf meinem RechnerAnzeigen

2. Platzieren sie den HTML-Code
Jetzt stellen wir das Bild in das Profil ein. Gehen sie zu: http://www.geocaching.com/profile/. Klicken sie nun Edit your Profile oder nutzen sie direkt diesen Link: https://www.geocaching.com/account/settings/profile.

Profil editieren

Bio

Am Ende der Seite finden sie eine Überschrift About, dies ist der Bereich für ihre Profilinformation.

3. Änderungen speichern
Zuletzt müssen wir die Änderungen speichern. Klicken sie auf Save Changes am Ende der Seite.

Änderungen speichern

4. Fertig
Fertig! Das Bild ist nun in ihrem Profil sichtbar. Weiter unten finden sie einige Erweiterungen, die nützlich sein könnten.

5. Hyperlink
Es kann nützlich sein, dass Bild als Hyperlink zu erstellen. Das bedeutet, dass wenn jemand auf das Bild klickt, eine Webseite (oder ein Bild) geöffnet wird. Nutzen sie den folgenden Code dafür:

<a href="Hyperlink">Bild-Code</a>

Dabei ist Hyperlink der Link zu der Webseite, die sich öffnen soll.
Der vollständige Code ist dann:

<a href="Hyperlink"><img src="Bildquelle" alt="Beschreibung" title="Beschreibung"></a>

6. Abmessungen
Ohne eine vorab durchgeführte Größenänderung ist es möglich das Bild in anderen Abmessungen als im Original zu zeigen. Das wird durch das Setzen der Attribute width und height in Pixel erreicht. Für ein Bild mit einer Breite von 100 Pixel und einer Höhe von 200 Pixel nutzen sie:

<img src="Bildquelle" alt="Beschreibung" title="Beschreibung" width="100" height="200">

Wenn sowohl Länge als auch Breite gesetzt werden, kann es sein, dass sich das Höhen-Breiten-Verhältnis des Bildes ändert. Glücklicherweise ist es ausreichend eine der beiden Werte anzugeben. Wenn z.B. nur die Breite genutzt wird, wird die Höhe automatisch passend geändert. Der Code ist dann:

<img src="Bildquelle" alt="Beschreibung" title="Beschreibung" width="100">

7. Zentrieren
Um das Bild auf der Seite zu zentrieren, braucht man nur einen kleines Stück Code:

<p style="text-align:center;">Bild-Code</p>

Der vollständige Code ist dann:

<p style="text-align:center;"><img src="Bildquelle" alt="Beschreibung" title="Beschreibung"></p>

Geocaching Toolbox Japiejoo Creative Commons-License
GeocachingToolbox.com ist lizensiert
  Letzte Aktualisierung: 30-05-2019
Änderungen
Copyright © 2021
GeocachingToolbox.com, Japiejoo
unter einer Creative Commons-Lizenz
unless stated otherwise
Status Beitragen
Über GeocachingToolbox.com