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.
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.
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.
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.
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.
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.
4. Klaar
Klaar! De afbeelding is nu te zien op de pagina van de geocache.
Hieronder staan nog enkele uitbreidingen die handig kunnen zijn.
5. Hyperlink
Het kan handig zijn om een afbeelding te gebruiken als hyperlink. Dit houdt in dat als er iemand op de afbeelding klikt een webpagina (of een afbeelding) geopend wordt. Gebruik hiervoor de volgende code:
<a href="Hyperlink">Afbeeldingscode</a>
Waarbij hyperlink de link is naar de pagina die geopend moet worden.
De volledige code is dan:
<a href="Hyperlink"><img src="Afbeeldingslocatie" alt="Omschrijving" title="Omschrijving"></a>
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>
GeocachingToolbox.com is in licentie gegeven |
Laatste update: 29-12-2023
Wijzigingslogboek | ||
Copyright © 2024 GeocachingToolbox.com, Japiejoo |
volgens een Creative Commons-Licentie
tenzij anders vermeld |
Status Bijdragen Over GeocachingToolbox.com |
Tweet