MozillaZine


SOLVED: How to insert screenshot into post?

Talk about stuff specific to the site -- bugs, suggestions, and of course praise welcome.
Clueless in Seattle

User avatar
 
Posts: 453
Joined: March 27th, 2006, 11:58 am
Location: duh!

Post Posted July 5th, 2021, 10:36 am

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

Enclosing it in img tags produces this:

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

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:

[img][img]https://live.staticflickr.com/65535/51290287551_f1977a30a4.jpg[/img]Delete 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"

LIMPET235
Moderator

User avatar
 
Posts: 39640
Joined: October 19th, 2007, 1:53 am
Location: The South Coast of N.S.W. Oz.

Post Posted July 5th, 2021, 10:43 am

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-7-HP/Intel® DualCore-2.0GHz/500G HDD/4 Gig Ram/550Watt PSU/350WattUPS/Firefox-20.0-62.0-70.0-79.0/T-bird-2.0.0.24/SnagIt-v10.0.1/MWP-7.12.
W.M.Y.C.
(Always choose the "Custom" Install.)

James
Moderator

User avatar
 
Posts: 27824
Joined: June 18th, 2003, 3:07 pm
Location: Made in Canada

Post Posted July 5th, 2021, 11:26 am

http://kb.mozillazine.org/Posting_a_screenshot_on_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/51290287551_f1977a30a4.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.

Return to MozillaZine Site Discussion


Who is online

Users browsing this forum: No registered users and 2 guests