Please note that the login feature is removed. All tools will work normally, except for any connection to geocaching.com (read more).
Hoe zet ik een afbeelding/banner op mijn geocachepagina?

1. Upload een afbeelding
Op de pagina van de geocache staat ter hoogte van de naam van de geocache aan de rechterkant van de pagina een blokje met links. Hier staat Upload Images tussen. Klik hierop en via het formulier kunnen afbeeldingen worden ge-upload naar de geocachepagina.

Upload afbeeldingen

Als dit gelukt is, ga dan terug naar de geocachepagina. Een lijst met links naar de afbeeldingen is hier terug te vinden, namelijk helemaal onderaan de beschrijving, net boven de eventuele logs.

Afbeelding lijst

LET OP: Als je op één van die links klikt wordt het plaatje geopend en zie je bovenin de navigatie balk de link naar de afbeelding (beginnend met: http://) deze heb je straks nodig om de afbeeldingen op je geocachepagina te krijgen, ik zal hiernaar verwijzen met afbeeldingslocatie.

Afbeeldingslocatie

2. Plaats de html-code
Nu gaan we de afbeelding op de geocachepagina zetten. Ga naar de pagina om de geocache te bewerken. Klik hiervoor op de link Edit in hetzelfde blokje links als waar Upload Images te vinden was.

Pas listing aan

Ga op de editing pagina op zoek naar het kopje Details (net onder de moeilijkheidsgraad en terreinwaardes). Zet hier een vinkje voor de tekst The descriptions below are in HTML.

Html

Plaats nu op de plaats in de tekst (in de Short Description of de Long Description) waar de afbeelding moet komen de volgende code:

<img src="Afbeeldingslocatie" alt="Omschrijving" title="Omschrijving">

De Afbeeldingslocatie heb ik hierboven al uitgelegd. Dit is de link die lijkt op http://.....
De Beschrijving (2x) is gewoon de beschrijving van de afbeelding, dit zal zichtbaar worden als je met de muis boven de afbeelding hangt, dus bijvoorbeeld: De geocache.
Een eenvoudige manier om de goede code voor een afbeelding te maken is via de Afbeeldingscode generator.

3. Wijzigingen opslaan
Tot slot moeten we de wijzigingen op de pagina nog opslaan, of verzenden naar de server in dit geval. Klik hiervoor op de Submit Changes knop onderaan de pagina. Vergeet niet beide vinkjes te zetten dat je akkoord gaat met de geocacherichtlijnen en de gebruiksvoorwaarden.

Verstuur veranderingen

4. Klaar
Klaar! De afbeelding is nu te zien op de pagina van de geocache.
Hieronder staan nog enkele uitbreidingen die handig kunnen zijn.

6. Afmetingen
Zonder de afbeelding van te voren te vergroten of verkleinen is het mogelijk om de afbeelding te laten zien in een ander formaat dan het origineel. Dit doen we door de attributen width en height toe te voegen, die worden uitgedrukt in pixels. Een afbeelding van 100 pixels breed en 200 pixels hoog wordt dan:

<img src="Afbeeldingslocatie" alt="Omschrijving" title="Omschrijving" width="100" height="200">

Door beide in te vullen kan de afbeelding uit verhouding worden getrokken, daarom is het ook mogelijk om één van de twee te gebruiken. Als alleen de breedte is ingevuld bijvoorbeeld, verandert de hoogte van de afbeelding mee in verhouding met de aangegeven breedte. De code wordt dan:

<img src="Afbeeldingslocatie" alt="Omschrijving" title="Omschrijving" width="100">

7. Centreren
Om een afbeelding op de pagina te centreren hoeven we maar een klein beetje code toe te voegen, namelijk:

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

De volledige code is dan:

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

Geocaching Toolbox Japiejoo Creative Commons-License
GeocachingToolbox.com is in licentie gegeven
  Laatste update: 30-05-2019
Wijzigingslogboek
Copyright © 2019
GeocachingToolbox.com, Japiejoo
volgens een Creative Commons-Licentie
tenzij anders vermeld
Status Bijdragen
Over GeocachingToolbox.com