[tuto]Inserer une image dans le forum avec le BBcode
Posté : 22 févr. 2009, 15:44
Petit préambule technique sur l'éditeur de texte et le BBcode;
Les cotations,
Exemple;
Insérer un lien,
Exemple;
Mon site préféré !!!
Les images,
Simple,
Exemple;
Image qui mène vers un site,
Exemples;
*Lien sympa vers un site
*Une vignette qui redirige vers la photo en taille réelle.
Mon fond d'écrans ;
Hébergement des photos,
Il ne faut jamais faire afficher une image en prenant son url d'origine. Il faut toujours chercher à l'héberger par soit même.
Plusieurs solution s'offre alors à vous.
Espace perso
Si vous avez un espace perso, cela est très simple, vous uploader vos images grâce à Fillezila et vous mettez l'url de l'image qui correspond au dossier ou vous l'avez uploader
Du type:
Cette solution est la plus rapide pour uploader un grand nombre de photo. Mais bien sur elle demande l'acquisition d'un espace perso. Souvent les fournisseurs d'accès internet fournisse un espace perso assez limité a ces utilisateurs.
Je sais que Orange et Free le font...
Les sites spécialisés
Des sites internets proposent gratuitement de d'héberger vos photos.
chercher un petit coup sur google
Perso depuis la fermeture annoncé de pixnofrag, j'utilise essentiellement celui de canardpc.
Les avantages sont la simplicité, chercher l'image dans son répertoire, on l'upload, on a souvent deux trois options...
Les inconvénients sont que le lien n'est pas "éternel", l'adresse est souvent assez longue et le lien de l'image pas toujours direct et souvent en dynamique...
Liste de site hébergeant des photos fonctionnant sur ConfigsPC,
http://www.imageshack.us/
http://www.hostingpics.net/
...
Exemple avec hostingpics
Je cherche à afficher une image de Super Dupont de Gotlib.
Je me rends sur le site, j'upload l'image, et j'arrive sur une page avec plusieurs options:
Vignette, posté dans un forum, url-exact.jpg
Exemple sur la vignette.
Je ne mets pas la vraie image elle est un poil trop grande...
De plus l'url de l'image donnée sur la page est dynamique elle aussi... Mais pas de panique on peut la prendre en normal en copiant l'url entre les deux balises ['img] et ['/img] a partir du lien pour afficher l'image dans un forum.
Exemple raté avec l'outil canardPC
http://tof.canardpc.com/
Avantage,
Pour un photo uploader on peut choisir entre:
Afficher une vignette (200 px) avec un lien clickable
Afficher une vignette (600 px) avec un lien clickable
Lien direct de l'image
Inconvenant, on ne tombe pas sur l'image même mais sur la page web avec les différents options. Pour remédier a ce problème, on peut faire un clic droit et choisir copier l'adresse de l'image...
Et voila, ce que donne un raté, donc il ne faut pas mettre d'image avec des url dynamiques. Je laisse pour titre d'exemple de ce qu'il ne faut pas faire.
Prendre une images,
Un petit tuto pour prendre des "screens", soit des images de l'écran de son ordinateur sans passer par un appareil photo
La méthode simple quand on est sous windows,
*Appuyer sur la touche Imprime écran pour prendre la totalité de son écran.
*Appuyer simultanément sur ALT (ou ALT GR) et imprim écran pour seulement prendre la fenêtre active.
Faire fonctionner paint, The gimp, etc ou tout autre logiciel de dessin et coller l'image grâce au menu édition ou un CTRL+V.
Dans les jeux,
Il serait laborieux de faire un screen, un retour windows un collage, retourner dans le jeu...
Pour cela, il faut mieux utiliser un logiciel comme FRAPS qui permet d'activer une touche choisi préalablement pour faire un screen ou même un ensemble de photo avec un intervalle de temps programmable.
Les cotations,
Code : Tout sélectionner
[quote="nom de la personne"]le passage qu'on veux citer donne[/quote]PS, ne pas oublier les guillemets pour le nom de la personne.nom de la personne a écrit :le passage qu'on veux citer donne
Insérer un lien,
Code : Tout sélectionner
[url=http://www.url-exact.com]Le nom du lien qui va se souligner tout seul[/url]Mon site préféré !!!
Les images,
Simple,
Code : Tout sélectionner
[img]http://www.l'url-de-l'image.jpg[/img]Image qui mène vers un site,
Code : Tout sélectionner
[url=http://www.url-exact.com][img]http://www.l'url-de-l'image.jpg[/img][/url]*Lien sympa vers un site
*Une vignette qui redirige vers la photo en taille réelle.
Mon fond d'écrans ;
Hébergement des photos,
Il ne faut jamais faire afficher une image en prenant son url d'origine. Il faut toujours chercher à l'héberger par soit même.
Plusieurs solution s'offre alors à vous.
Espace perso
Si vous avez un espace perso, cela est très simple, vous uploader vos images grâce à Fillezila et vous mettez l'url de l'image qui correspond au dossier ou vous l'avez uploader
Du type:
Code : Tout sélectionner
[img]http://www.chez-moi/mes-images/pics1.jpg[/img]Je sais que Orange et Free le font...
Les sites spécialisés
Des sites internets proposent gratuitement de d'héberger vos photos.
chercher un petit coup sur google
Perso depuis la fermeture annoncé de pixnofrag, j'utilise essentiellement celui de canardpc.
Les avantages sont la simplicité, chercher l'image dans son répertoire, on l'upload, on a souvent deux trois options...
Les inconvénients sont que le lien n'est pas "éternel", l'adresse est souvent assez longue et le lien de l'image pas toujours direct et souvent en dynamique...
Liste de site hébergeant des photos fonctionnant sur ConfigsPC,
http://www.imageshack.us/
http://www.hostingpics.net/
...
Exemple avec hostingpics
Je cherche à afficher une image de Super Dupont de Gotlib.
Je me rends sur le site, j'upload l'image, et j'arrive sur une page avec plusieurs options:
Vignette, posté dans un forum, url-exact.jpg
Code : Tout sélectionner
[url=http://www.hostingpics.net/viewer.php?id=369122SD.jpg][img]http://img4.hostingpics.net/thumbs/mini_369122SD.jpg[/img][/url]
[url=http://www.hostingpics.net/viewer.php?id=369122SD.jpg][img]http://img4.hostingpics.net/pics/369122SD.jpg[/img][/url]
Je ne mets pas la vraie image elle est un poil trop grande...
De plus l'url de l'image donnée sur la page est dynamique elle aussi... Mais pas de panique on peut la prendre en normal en copiant l'url entre les deux balises ['img] et ['/img] a partir du lien pour afficher l'image dans un forum.
Exemple raté avec l'outil canardPC
http://tof.canardpc.com/
Avantage,
Pour un photo uploader on peut choisir entre:
Afficher une vignette (200 px) avec un lien clickable
Afficher une vignette (600 px) avec un lien clickable
Lien direct de l'image
Inconvenant, on ne tombe pas sur l'image même mais sur la page web avec les différents options. Pour remédier a ce problème, on peut faire un clic droit et choisir copier l'adresse de l'image...
Code : Tout sélectionner
Vignette de 200px,
[url=http://tof.canardpc.com/show/ea2f56c7-75a3-4f20-9684-832a765f3511.html][img]http://tof.canardpc.com/preview/ea2f56c7-75a3-4f20-9684-832a765f3511[/img][/url]
Vignette de 600px
[url=http://tof.canardpc.com/show/ea2f56c7-75a3-4f20-9684-832a765f3511.html][img]http://tof.canardpc.com/preview2/ea2f56c7-75a3-4f20-9684-832a765f3511[/img][/url]
Lien direct de l'image
http://tof.canardpc.com/show/ea2f56c7-75a3-4f20-9684-832a765f3511.html
Image directement sur la 600px,
http://tof.canardpc.com/preview2/ea2f56c7-75a3-4f20-9684-832a765f3511
Prendre une images,
Un petit tuto pour prendre des "screens", soit des images de l'écran de son ordinateur sans passer par un appareil photo
La méthode simple quand on est sous windows,
*Appuyer sur la touche Imprime écran pour prendre la totalité de son écran.
*Appuyer simultanément sur ALT (ou ALT GR) et imprim écran pour seulement prendre la fenêtre active.
Faire fonctionner paint, The gimp, etc ou tout autre logiciel de dessin et coller l'image grâce au menu édition ou un CTRL+V.
Dans les jeux,
Il serait laborieux de faire un screen, un retour windows un collage, retourner dans le jeu...
Pour cela, il faut mieux utiliser un logiciel comme FRAPS qui permet d'activer une touche choisi préalablement pour faire un screen ou même un ensemble de photo avec un intervalle de temps programmable.
mais les photos uploader sont toujours là 
