SOLVED: How to insert screenshot into post?

Talk about stuff specific to the site -- bugs, suggestions, and of course praise welcome.
User avatar
Clueless in Seattle
Posts: 503
Joined: March 27th, 2006, 11:58 am
Location: duh!

SOLVED: How to insert screenshot into post?

Post by Clueless in Seattle »

I've been trying without success to insert a screen shot into a post in another topic.

Here's the location of the image: https://flic.kr/p/2m9m8yB

I tried enclosing that URL inside the img tags like this:

Code: Select all

[img]https://flic.kr/p/2m9m8yB[/img]
But it just shows up as the word "Image" like this:

Image

The image I'm trying to insert is stored at http://www.flickr.com which offers 4 different options for sharing. Here's what the one labeled "Embed" looks like:

Code: Select all

<a data-flickr-embed="true" href="https://www.flickr.com/photos/150056224@N03/51290501743/in/datetaken-public/" title="Delete Post from MozillaZine Screenshot"><img src="https://live.staticflickr.com/65535/51290501743_487351b4b4_m.jpg" width="240" height="145" alt="Delete Post from MozillaZine Screenshot"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>

Which produces this in my post:

<a data-flickr-embed="true" href="https://www.flickr.com/photos/150056224 ... en-public/" title="Delete Post from MozillaZine Screenshot"><img src="https://live.staticflickr.com/65535/512 ... b4b4_m.jpg" width="240" height="145" alt="Delete Post from MozillaZine Screenshot"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>

Enclosing it in img tags produces this:

Image

Another sharing option is labeled "BBCode" and looks like this:

Code: Select all

[url=https://flic.kr/p/2m9m8yB][img]https://live.staticflickr.com/65535/51290287551_f1977a30a4.jpg[/img][/url][url=https://flic.kr/p/2m9m8yB]Delete Post from MozillaZine Screenshot[/url] by [url=https://www.flickr.com/photos/150056224@N03/]Will Anderson[/url], on Flickr
But when I try using that one, surrounded by the img markers, here's how it turned out:

ImageDelete Post from MozillaZine Screenshot by Will Anderson, on Flickr
[/img]

However, When I thought of just pasting that code directly into the text minus the enclosing img tags I was surprised and pleased by what I saw when I clicked "Preview":

ImageDelete Post from MozillaZine Screenshot by Will Anderson, on Flickr[/code]

BINGO! Success at last!

I think I'll leave this post here in the forum so the next time I forget how to paste a screenshot into a post, I can search for this thread and find the answer.
Last edited by Clueless in Seattle on July 5th, 2021, 4:44 pm, edited 1 time in total.
_____________
Will in Seattle
a.k.a. "Clueless"
User avatar
LIMPET235
Moderator
Posts: 39932
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Re: How to insert screenshot into post?

Post by LIMPET235 »

Hi Will,
If you want to refer to this topic/thread, instead of searching for it, why not bookmark it, say in a "Special" mozillaZine forum folder?
You can also go to the top right hand column & click the "View your posts" link.

I'll chuck another suggestion at you....JIC...

After you've taken the screen shot/s...
Reduce it/them to around 600 x 500 or so in your favourite image editor, (Be sure to remove any personal info.)
& upload them to your favourite image hosting site.

Try...> http://postimages.org/

eg;...Using "postimages.org",
0/. Upload your image.
1/. Select > from the "Do not resize" drop down, 640 x 480.
2/. No expiration. (Leave as default or as you require.
3/. Choose > Images to upload.
3a/. After the image/s have been uploaded.
4/. Select > Hot Link for Forum.
5/. Paste that link in your forum thread.
6/. Your image will be displayed in your post.
[Ancient Amateur Astronomer.]
Win-10-H/64 bit/500G SSD/16 Gig Ram/450Watt PSU/350WattUPS/Firefox-115.0.2/T-bird-115.3.2./SnagIt-v10.0.1/MWP-7.12.125.

(Always choose the "Custom" Install.)
User avatar
James
Moderator
Posts: 27999
Joined: June 18th, 2003, 3:07 pm
Location: Made in Canada

Re: How to insert screenshot into post?

Post by James »

http://kb.mozillazine.org/Posting_a_scr ... _the_forum

Since you have the image all you need to do is use a image host site like the ones suggested in the article in Uploading for general use section. There are a number of sites around like https://imgbb.com/ , https://imgur.com/upload , https://imgshare.io/ , https://imgbox.com/ , http://imageshack.us/as example options.

If the image is large then just link to it or use the thumbnail link if the image host provides that as a link option as a large image with [img] tags in post can break the forum layout when viewing thread.

The reason why that image posted with [img] tags at end of your post was because you were linking to the image https://live.staticflickr.com/65535/512 ... 7a30a4.jpg and not the page the image was on.

This forum like many does not allow attachments due to database load and especially due to Spam.
Post Reply