[tuto]Inserer une image dans le forum avec le BBcode

thom986 · Message non lu par **thom986** » 22 févr. 2009, 15:44

Petit préambule technique sur l'éditeur de texte et le BBcode;

Les cotations,

[quote="nom de la personne"]le passage qu'on veux citer donne[/quote]

Exemple;

nom de la personne a écrit :le passage qu'on veux citer donne

PS, ne pas oublier les guillemets pour le nom de la personne.

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]

Exemple;
Mon site préféré !!!

Les images,
Simple,

Code : Tout sélectionner

[img]http://www.l'url-de-l'image.jpg[/img]

Exemple;

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]

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:

Code : Tout sélectionner

[img]http://www.chez-moi/mes-images/pics1.jpg[/img]

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

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]

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...

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

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.

eraziel · Message non lu par **eraziel** » 22 févr. 2009, 15:50

Tu m'as devancé, j'étais en train d'en rédiger un

Plutôt bien foutu, mais vérifie la toute fin, les liens sont foireux (apparitions des balises [img]...)

thom986 · Message non lu par **thom986** » 22 févr. 2009, 15:52

Ouep, je suis encore en cours d'édition, ça quich un peu encore pour les lien sur la fin.
Entre les code, img, et url on s'y perd un peu...

EDIT, je crois que j'ai que le forum de Configs Pc n'aime pas trop les adresses dynamique...
Encore une histoire de canard, tout ça.

exdeath · Message non lu par **exdeath** » 22 févr. 2009, 16:16

sympa ce tuto

Ca serait bien de rajouter la méthode pour faire un screenshot de son écran ou d'une fenêtre seule.
Et je trouve pas le titre très parlant... j'aurais plutôt mis un truc du genre "[tuto] mettre une image sur le forum".

Perso pour les hébergeurs j'aime bien mabul.org.
Malheureusement depuis quelques jours, et a priori encore pour quelques jours, le site est hs.
Mais sinon c'est un bon hébergeur gratuit, on est pas obligé de créer un compte, il n'y a pas de pub, et les images sont gardées "à vie".

sabreoclair · Message non lu par **sabreoclair** » 22 févr. 2009, 16:42

merci thom986 de penser aux NOOB.

quant à toi exdeath , ton eplication perso du même problème

https://www.configspc.com/postp64597.ht ... ght=#64597

était lumineuse .....PARFAIT

BRAVO pour ces initiatives.

désolé eraziel rien pour toi.....

eraziel · Message non lu par **eraziel** » 22 févr. 2009, 16:59

sabreoclair a écrit : désolé eraziel rien pour toi.....

J'ai l'habitude

thom986 · Message non lu par **thom986** » 22 févr. 2009, 17:04

Merci pour les remerciement

Plop, j'ai fait un peu de mise en page...
Je n'utilise aucun site d'hébergement, donc n'hésiter pas à me dire lesquelles sont bons...
J'ai mis Imageshack et hostingpics en exemple... J'attends de voir si mabul.org revient pour le rajouter.

De même, si vous avez des idées sur ce qu'il faudrait rajouter...

eraziel · Message non lu par **eraziel** » 22 févr. 2009, 17:10

thom986 a écrit :

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]
http://www.hostingpics.net/viewer.php?id=369122SD.jpg

Le dernier ne marche pas si tu le mets entre balises images, comme il est dynamique.
Le laisser ne risque pas d'induire en erreur ?

thom986 · Message non lu par **thom986** » 22 févr. 2009, 17:38

Ouep, t'as raison, ça ne marche pas...
je vais l'enlever...
*Fourbe*
Je préciser qu'on pouvais trouver l'image en la copiant a partir de l'espace afficher l'image dans un forum...
*/Fourbe*

dex · Message non lu par **dex** » 22 févr. 2009, 19:21

Belle initiative ce tuto

Pour mabul ça fait un bon moment que ça déconne quand même, j'espère qu'ils vont vraiment régler le problème.

clement26104

Beau boulot Thom

jul_57 · Message non lu par **jul_57** » 22 févr. 2009, 19:27

et dire que tout sa c'est un peu grace a moi...

exdeath · Message non lu par **exdeath** » 22 févr. 2009, 19:37

Pour mabul ça fait un bon moment que ça déconne quand même, j'espère qu'ils vont vraiment régler le problème.

D'après ce que j'ai lu sur leur forum, ils ont des gros soucis avec leurs serveurs

mais les photos uploader sont toujours là

Ils essaient de réparer le soucis en ce moment, et vont bientôt recevoir leur nouveau serveur tout neuf pour le plaisir des utilisateurs de cet excellent hébergeur.
Mais c'est vrai que nos topic unique ressemble plus à grand chose depuis que mabul est hs

dex · Message non lu par **dex** » 22 févr. 2009, 19:44

exdeath a écrit :
Pour mabul ça fait un bon moment que ça déconne quand même, j'espère qu'ils vont vraiment régler le problème.
D'après ce que j'ai lu sur leur forum, ils ont des gros soucis avec leurs serveurs mais les photos uploader sont toujours là
Ils essaient de réparer le soucis en ce moment, et vont bientôt recevoir leur nouveau serveur tout neuf pour le plaisir des utilisateurs de cet excellent hébergeur.
Mais c'est vrai que nos topic unique ressemble plus à grand chose depuis que mabul est hs

Ok merci pour les infos, c'est rassurant car c'est vrai que cet hébergeur est vraiment top.

C'est clair que nos topics sont un peu dénudés en ce moment sauf celui sur les logiciels vu que j'ai bénéficié d'un passe droit.

Fanfan_pgm · Message non lu par **Fanfan_pgm** » 22 févr. 2009, 23:42

Good job thom !!

Configs PC - Forum

[tuto]Inserer une image dans le forum avec le BBcode

[tuto]Inserer une image dans le forum avec le BBcode

Re: [tuto]Inserer une image dans le forum avec le BBcode