[Support Technique] Comment ajouter une image à votre sujet

[Mike]

Comment ajouter une image à mon sujet ??

Pour ajouter une image à votre sujet, il y a deux grandes possibilités :

---

1- Afficher une image de votre PC dans votre sujet :

a- Télécharger le fichier :
- cliquez sur l'onglet "Ajouter des fichiers joints" en dessous du cadre pour rédiger votre message.
- cliquez sur le bouton "Choisissez un fichier"
- Sélectionnez votre fichier en parcourant vos dossiers
- Cliquez sur "Ouvrir" dans la fenêtre pour parcourir les fichiers
- Ensuite cliquez sur le bouton "Ajouter le fichier" puis patientez quelques instants.
- Normalement, le fichier est alors listé entre le cadre de rédaction et l'onglet "Ajouter des fichiers joints".

onglet_fichier_joint.png

chargement.png

chargé.png

Le nombre maximal de fichier que l'on peut joindre, c'est 3 (par défaut). Si vous ne faites rien de plus, le fichier sera listé en bas de votre sujet.

b- Insérer le fichier dans le corps de votre message :
- Positionnez le curseur à l'endroit où vous voulez ajouter votre image dans le sujet
- Cliquez sur "Insérer dans le message"
- Normalement, un BBCode "attachment" s'affiche

Code: Tout sélectionner

[attachment=1]chargement.png[/attachment]

Après validation, votre message contiendra votre image à l'endroit indiqué.

---

2- Afficher une image présente sur internet dans votre sujet :

- Identifier l'adresse de l'image : faites un clic droit sur l'image et cliquez sur "Copier l'URL de l'image"
- Collez cette URL dans votre message
- Encadrez l'adresse par les balises images (Menu Insérer > Image)
Code :

Code: Tout sélectionner

[img]http://www.djembefola.fr/forum//styles/fiproblack/imageset/icon_djembe.gif[/img]

Résultat :

---

3- Utiliser les fonctions "Image à côté :

Ces fonctions vous permettent d'aligner votre image à droite ou à gauche de votre texte.
Dans ce cas, il ne faut pas utiliser la balise image mais la balise imageacote seule.
- Collez l'adresse de votre image
- Cliquez sur le Menu Image a côté > Image à droite (ou à gauche)
- Voici le code qui s'affiche :

Code: Tout sélectionner

[imageacote=left]http://www.djembefola.fr/forum/styles/fiproblack/imageset/icon_discussion.gif[/imageacote]
[imageacote=right]http://www.djembefola.fr/forum/styles/fiproblack/imageset/icon_discussion.gif[/imageacote]

Pour le résultat, j'ai fait un petit ajout avec imageacote=left à côté de la démarche.

Voilà, c'est pas si compliqué !!

[fouizz]

bonjour
on peut aussi utiliser un hébergeur d'images sur internet:il peut héberger autant d'images que vous voulez,c'est a dire qu'il fait une cpie de vos images sur internet et vous donne leur adresse (http://........).vous n'avez plus qu'a recopier l'adresse sur un post avec une balise img ou url
(ceci est la technique pour pouvoir se servir de la première possibilité proposée par Mike)
http://www.imageshack.ws/

[Tempo]

Afficher une image dans les messages

En effet, il existe des SITES hébergeurs d'images très pratique comme
IMAGESHACK

Comment ça marche ?
C'est très simple,
il suffit de transférer son image dans le site d'hébergement qui renverra des URL-S
à copier/coller dans le message
D'abord: aller sur IMAGESHACK
Puis:

(-> Bouton parcourir -> Aller chercher l'image -> Ouvrir ->Host it )

Imageshack livre deux séries d'URL-S

1ère série




2ème série
sous la pub

Comment utiliser cette adresse ?

1) Affichage de l'image dans le message

En copiant/collant l'URL entre les balises

Code: Tout sélectionner

[img][/img]

Code: Tout sélectionner

[img]url de votre image[/img]

Résultat





2) Affichage de l'adresse URL renvoyant à l'image

Code: Tout sélectionner

[/url][url]

Code: Tout sélectionner

[url]url de votre image[/url]

Résultat

http://img232.imageshack.us/img232/6885/frisya2.gif




3) Affichage d'un mot "cliquable" renvoyant à l'image

Code: Tout sélectionner

[url=http://lien de votre image]nom que vous voulez mettre[/url]

Résultat

Doigté: le frisé




4) Affichage d'une image cliquable

Code: Tout sélectionner

[url= lien de la destination ici][img]lien de votre image[/img][/url]

Résultat


Clique sur l'image



.........................................


Récapitulatif:

Ajouter des images à sa présentation
avec http://www.imageshack.us/
L'inscription n'est pas obligatoire.

-> Cliquer sur parcourir
-> Choisir l'image dans son ordinateur et cliquer sur "OUVRIR"
-> Cliquer sur le bouton "host it!"
-> Copier/coller dans votre message, l'adresse "Direct link to image"
entre les balises

Code: Tout sélectionner

[img][/img]


<iframe src="http://www.imageshack.us/" height="480" width="800"></iframe>








Autre site pour uploader des images

<iframe src="http://mabul.org/framenoir.html" frameborder="0" width="600" scrolling="no" height="150" allowtransparency="true"></iframe>

[Tempo]

Comment permettre de redimensionner les images,
image par image ?

C'est simple,
il suffit de transférer son image deux fois chez un hébergeur d'images.
Une première fois dans un petit format
la seconde dans un format plus grand.
Ensuite, placer vos "liens image" comme ceci:

Code: Tout sélectionner

[url=Lien de l'image grande taille ici][img]Lien de l'image petite taille ici[/img][/url]

Coller ensuite le code dans votre message.

Exemple:
Clique sur l'image pour l'agrandir

[url=http://img258.imageshack.us/img258/5869/congasvendrepercorg002tq9.jpg]

[/url]