MozillaZine


SOLVED: How to insert screenshot into post?

Post a reply

Confirmation code
Enter the code exactly as it appears. All letters are case insensitive.
Smilies
:D :) :( :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o :^o [-X [-o< 8-[ [-( :-k ](*,) :-"
View more smilies
BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON
Topic review
   

Expand view Topic review: SOLVED: How to insert screenshot into post?

Re: How to insert screenshot into post?

Post by James » 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.

Re: How to insert screenshot into post?

Post by LIMPET235 » 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.

SOLVED: How to insert screenshot into post?

Post by Clueless in Seattle » 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.

Top