Jump to content

[Mode d'emploi] Insérer des images

Rate this topic


fred

Recommended Posts

Comment insérer une image en vignette ?

 

1. Cliquer sur "Parcourir" en bas à droite

image01.png

 

2. une fenêtre s'ouvre pour choisir un fichier sur votre ordinateur

image02.png

 

3. Choisissez l'image (fichier) à importer sur Cybervalloire pour l'afficher, cliquer sur "ouvrir"

 

4. Une fois revenu dans le fenêtre du forum, cliquer sur le bouton "Envoyer"

image03.png

 

5. Recommencer l'opération jusqu'à avoir importé tous les fichiers

 

Vous pouvez arrêter là et envoyer votre message. Toutes les vignettes s'afficheront en bas du message.

 

Vous pouvez également décider de disposer les vignettes tout au long de votre texte. Pour cela il faut utiliser la liste de choix en bas à droite qui s'est constituée au fur et à mesure de vos importations de fichiers.

image04.png

 

Signification des 3 icônes :

Insérer une vignette dans le texte : plus.png

Supprimer le fichier et sa vignette de la liste : croix.png

Type de fichier : type.png

 

Il suffit donc d'insérer la vignette où vous voulez dans le corps de texte, en cliquant sur le plus.png situé sur la ligne de la photo que vous voulez afficher.

 

 

 

Comment insérer des images depuis un autre site web ou un hébergement perso ?

Cette méthode permet d'afficher directement des images plus grandes. Elles seront cependant automatiquement redimensionnées quand elle sont trop grandes, afin de ne pas nuire à l'affichage du forum.

 

1. Noter (copier) l'adresse de votre image :

1.1. directement depuis un autre site (clic droit sur l'image, "copier l'adresse de l'image") si vous l'avez déjà publiée ailleurs

1.2. depuis l'hébergeur (imageshack, flickr, free...) où vous l'avez stockée

 

2. Cliquer sur le bouton rte-image-button.png afin de faire apparaitre la zone de saisie de l'adresse de votre image

image06.png

 

3. Ce bouton se trouve dans la barre de menu au-dessus de la fenêtre de saisie de votre message

image05.png

 

4. Coller l'adresse de votre image dans la zone de saisie

image07.png

 

5. Cliquez sur OK, votre image est insérée dans le texte, là où vous avez effectué cette opération.

 

 

ATTENTION

 

Lorsque vous effectuez ces opérations, ne changez jamais la syntaxe du code (ne pas enlever un [ ou un ] ou un /). Tous les caractères sont importants pour que l'affichage se passe comme prévu.

 

Si vous voulez déplacer l'image à un autre endroit du texte, coupez/collez correctement le code, sans rien oublier et tout se passera bien. Ca devrait ressembler à ça :

 

Code pour insérer une image

[img=http://www.cybervalloire.com/ressources/images/image07.png]

Dans ces conditions, l'image s'affichera.

 

Mais

[img]http://www.cybervalloire.com/ressources/images/image07.png[/img

Affichera : http://www.cybervalloire.com/ressources/images/image07.png[/img

 

C'est moins joli :rolleyes:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...