michbret (avatar)

michbret

Abonné·e de Mediapart

117 Billets

4 Éditions

Billet de blog 25 août 2009

michbret (avatar)

michbret

Abonné·e de Mediapart

Comment poster une image dans un commentaire sur Mediapart

Face aux menaces Pharaoniques, il vaut mieux obtempérer fissa.Sinon, la DGAC (Directrice Générale des Activités Crocodiliennes) vous colle au pilori direct. Et là ca peut faire mal. Donc on rigole plus. 

michbret (avatar)

michbret

Abonné·e de Mediapart

Ce blog est personnel, la rédaction n’est pas à l’origine de ses contenus.

Face aux menaces Pharaoniques, il vaut mieux obtempérer fissa.

Sinon, la DGAC (Directrice Générale des Activités Crocodiliennes) vous colle au pilori direct. Et là ca peut faire mal. Donc on rigole plus.

Donc, sur Mediapart, site mature s'il en est, à l'ergonomie remarquable et au mode d'emploi apprécié de tous, le challenge est de faire s'afficher une image dans un commentaire.

Je sors le rouleau de papyrus, bien poussiéreux du mode d'emploi de Mediapart et trouve sous le cartouche :

(Je traduis - Annexe 11 - Instructions spéciales pour Néfertari).

Première étape :

L'image doit être quelque part sur Internet.

Si c'est le cas, pas de problème, il faut récupérer son adresse (on dit son URL).

Comment récupérer l'URL : Vous cliquez avec le bouton droit dessus et sélectionnez « Copier l'adresse de l'image » (il y a des variantes selon le navigateur utilisé) et vous collez cela dans un bloc note temporaire (un notepad ou équivalent).

Attention néanmoins. Si l'image est trop grande, cela va donner n'importe quoi sur le blog. Dans la pratique une taille max entre 480 et 600 pixels en largeur convient. Comment connaitre les dimensions : On clique avec le bouton droit et on choisit « propriétés » ce qui affiche par exemple 512px x 419px. 512 en horizontal, c'est OK. Si elle est trop grande il va falloir la rapatrier chez vous pour la retailler. On clique droit sur l'image et on choisit « enregistrer l'image sous ... ». Ensuite il faut utiliser un logiciel de retouche d'images pour la redimensionner. Ce n'est pas ce qui manque. Un logiciel sympa, léger, français et gratuit est Xnview. Pour retailler une image choisir le menu Images, puis Redimensionner, vérifiez que « garder les proportions » est coché et choisissez la résolution horizontale ad-hoc.

L'image n'est pas sur internet.

C'est une des vôtres ou vous avez fait un redimensionnement ou un montage. Elle est donc quelque part sur l'un de vos disques durs. Il faut donc la publier.

Je passe sur le cas de ceux qui ont un site web, ou équivalent. Ils devraient savoir faire.

Pour ceux qui n'ont rien, il y a la possibilité d'utiliser un des multiples sites d'hébergement d'images gratuits. Cela ne manque pas. A titre d'exemple il y a casimages mais je n'ai pas d'actions chez eux. En règle générale, il faut se créer un compte mais après on peut publier ses images en ligne.

Petite précaution. N'utilisez pas votre mail « racine », celui que vous a donné Free, Orange, ... enfin votre fournisseur Internet. Créez-vous un compte Gmail, Hotmail, etc ... réel mais poubelle dans votre esprit. Vous éviterez ainsi une éventuelle invasion de Spam. Il ne va servir qu'à ce genre de manip, s'abonner / créer des comptes sur internet.

OK, maintenant, j'ai réussi à mettre en ligne mon image et elle a la dimension correcte.

Donc ensuite, même procédure. Il est aussi possible d'utiliser directement les liens que propose le site. Là aussi noter l'URL et sauvez-le.

Deuxième étape : Ca y est, j'ai mon image quelque par sur internet et j'ai son adresse (URL), disons, quelque chose du genre : http://mon.image.com/la_belle_image.jpg

Venons en au cœur du sujet, publier un commentaire et y mettre une / des images :

On ouvre le billet et se décide à commenter

On frappe ensuite le début du commentaire :

«

Ha oui, Loft story.

Encore fallait-il savoir régler sa télé

xxxxx

«

Ok. Un peu d'explications : Deux lignes blanches entre deux lignes de texte : Les mystères de Mediapart sont insondables. Au résultat il n'y aura qu'une seule ligne blanche entre les deux premières lignes de texte.

Ensuite j'ai mis plusieurs lignes blanches volontairement puis n'importe quoi, xxxxx en l'occurrence. Le but est de s'y repérer dans ce qui va suivre.

L'idée est de faire s'afficher l'image sous la ligne « Encore fallait-il savoir régler sa télé ».

Donc maintenant on clique sur « Clickez ici pour désactiver l'éditeur visuel ».

Maintenant, c'est le bonheur : Ce qui s'affiche est :

<p>Ha oui, Loft story. </p><p>&nbsp;</p><p>Encore fallait il savoir règler sa télé</p><p>&nbsp;</p><p>&nbsp;</p><p>xxxxx </p>

Non, non ce n'est pas du copte. Pas de panique, nul besoin d'être doctorant.

Certes, on peut y perdre son latin ou son grec, mais quand même on peut reconnaitre vaguement notre texte :

<p>Ha oui, Loft story. </p> : Une ligne de texte. Formellement un paragraphe.

<p>&nbsp;</p> : Une ligne blanche pour espacer.

Comme j'ai tapé plusieurs lignes blanches entre «Encore fallait-il savoir régler sa télé » et mon « xxxxx », je vois qu'il il a deux fois la séquence <p>&nbsp;</p> donc deux lignes d'espacement.

Je vais donc mettre à la main une référence vers mon image donc j'ai soigneusement noté l'URL et je vais le faire entre mes deux lignes d'espacement qui sont avant mon « xxxxx ».

Rappelez-vous, quelque chose du genre : http://mon.image.com/la_belle_image.jpg

<p>Ha oui, Loft story. </p><p>&nbsp;</p><p>Encore fallait il savoir régler sa télé</p><p>&nbsp;</p><img src="http://nsm02.casimages.com/img/2009/08/25//090825062140788594318199.jpg" /><p>&nbsp;</p><p>xxxxx </p>

Un beau charabia oui mais :

<img src="http://nsm02.casimages.com/img/2009/08/25//090825062140788594318199.jpg" />

indique que l'on veut afficher une image dont l'adresse est l'URL soigneusement notée :

http://nsm02.casimages.com/img/2009/08/25//090825062140788594318199.jpg

Tout le monde suit ! Maintenant on clique sur Aperçu. Si tout va bien, l'image apparait entre les deux lignes «Encore fallait-il savoir régler sa télé » et « xxxxx ».

De plus, l'éditeur est retourné en mode normal.

Ouf.

Pourquoi « xxxxx » (ou n'importe quoi d'ailleurs). Pour s'y repérer et pour pouvoir continuer à écrire en dessous de l'image. Si vous n'avez rien à ajouter vous supprimez ce « xxxxx ». Sinon, vous le remplacez par le texte qui vous plait et pouvez continuer ainsi le commentaire.

Ok compris ! <img src="http://mon.image.com/la_belle_image.jpg"/> permet d'insérer une image. Attention, chaque caractère est important.

Une fois le commentaire terminé, et vérifié grâce à la fonction Aperçu, il n'y a plus qu'à cliquer sur Enregistrer.

Ouf, c'est dur de décrypter le mode d'emploi en hiéroglyphe de Mediapart. Damned, il vient de se désintégrer, poussières, poussières. Où allons-nous !

Aller, bon courage à tous.

Essayons d'embellir ce site sur le fond comme sur la forme.

Je pense qu'il le mérite. Amitié aux Trolls comme à tous les contributeurs.

Et une mention particulière à Néfertari, Grain de Sel et beaucoup d'autres qui continuent à leur manière à donner des éclairages originaux, différents, innovants à ce site en devenir.

Ce n'est pas du oui-ouisme. Non quand je trouve quelque chose de bien je le dis. Qui n'a pas vécu ou été témoin dans ses relations professionnelles ou personnelles de la critique immédiate et rapide : vous avez fait une connerie, vous êtes nuls, incompétents, ignares, ... Combien ont entendu cela. Par contre, dans l'autre sens c'est déjà plus rare. C'est super, ce que vous avez fait !

Bon, bravo les filles, sans généraliser quand même car il y a manifestement quelques aigries chez vous.

Normal, 50 / 50

Ce blog est personnel, la rédaction n’est pas à l’origine de ses contenus.