Catégorie : Tutos

Importer des images pour les insérer dans le descriptif

Entrez dans votre cache que vous avez préalablement enregistré.

Cliquez sur éditer	Choisissez l’image à importer et nommez la, puis Upload

Cliquez sur l’image pour la passer en plein écran et copiez le lien :

Conservez le bien sur un fichier bloc note par exemple.

Créer le descriptif de la cache “à votre image”

Afin de proposer aux joueurs des descriptifs “riches” avec images et belles mises en page, nous devrions les “encoder” en “langage” html ce qui ressemble à ça :

<table border=”0″ cellpadding=”2″ cellspacing=”2″ style=”height:60px;text-align:left;width:100%;”><tbody>

Cette ligne évoque juste les caractéristiques d’un tableau sur la page… Autant dire que peu d’entre nous veulent ou peuvent créer les pages par ce langage.
Rassurez-vous, nul besoin!! Il suffit d’aller sur cet éditeur :

http://www.mides.fr/geocaching-editeur-html-en-ligne

Sur cette page vous allez créer votre descriptif avec les couleurs, la taille de caractères, …. Tout ce que vous souhaitez et il se chargera de générer le code pour vous.

Une fois terminé, cliquez sur “Source” 

La totalité du code qui apparaît et coller le dans le descriptif de la cache. Une fois enregistré vous verrez apparaître le descriptif tel que vous le désiriez!

 Un peu de personnalisation

3-1 Insérer une image

Rien de plus simple : Cliquez sur l’icône “Image”
Collez alors le lien de votre image que vous aviez préalablement sauvegardé. Modifiez la taille de l’image à vitre guise et validez avec OK. Votre image est alors présente dans le texte! NB : si vous souhaitez modifier ultérieurement la taille de l’image il suffit de sélectioner l’image en cliquant dessus, puis de cliquer sur l’icone “image” pour accéder au paramètres

3-2 Utiliser les tableaux

Pour votre mise en page, utiliser textes et images accolées peut poser des problèmes “d’alignement”, par exemple :

J’écris un texte à côté d’une image

Ce n’est pas forcément très esthétique, et on pourrait vouloir que le texte soit centré par rapport à l’image.

Ce n’est pas compliqué, il suffit d’utiliser un tableau via l’icone : 

On choisit : – le nombre de lignes et colonnes (dans notre cas une de chaque) – la largeur du tableau (soit en pixel, soit en % de largeur de page) (par exemple 100% ajustera le tableau à la largeur de page quel que soit l’écran) – la taille de la bordure (mettre à 0 si on ne veut pas voir de contour (ce texte et cette image sont dans un tableau à bordures masquées)