Author Topic: How to add a screenshot to a post  (Read 44777 times)

cartman005

  • Member
  • Hero Member
  • *****
  • Posts: 586
To add an image to a post:
1. Create the image by taking a screenshot with the PrtScn button and paste the image into an application such as Paint. Save the image. Alternatively, you can use another application such as Windows Snip to create the image.

2. Crop the image to show what you want to display and possibly add markings to highlight certain areas. You can use Paint for this.

3. Upload the image to an image hosting site such as MediaFire or ImageShack. These are both free image hosting sites.

4. Get the direct link to the image and copy it. This link cannot be a page which has the image on it, but must be the actual address of the page. It should end in .jpg, .bmp, or .png if it is the address of the image, such as http://www.example.com/screenshot.jpg.

5. In the post that you want to add the image to, you can simply paste the link and post it. Example:
http://upload.wikimedia.org/wikipedia/en/b/bd/Windows_7.png


(Advanced) To make the image actually appear in the post.
6. Surround the direct link with the tags
Code
[img] [/img]
to make the actual image appear. It should look like:
Code
[img]http://www.example.com/screenshot.jpg[/img]

Example:



7. You can make the image link somewhere by adding the
Code
[url=http://www.example.com/link]
tags. So the full link would look like
Code
[url=http://www.example.com/link][img]http://www.example.com/screenshot.jpg[/img][/url]

Example:



8. Now, you can center your image by adding the
Code
[center] [/center]
tags around the link.

Example:


9. Finally, you can resize the image so it doesn't take up the whole page by adding 'width=' or 'height=' in the img tag, so it would look like
Code
[center][url=http://www.example.com/link][img width=200]http://www.example.com/screenshot.jpg[/img][/url][/center]

Example:



So, as you can see, it can get complicated. But of course, the final steps are not entirely necessary.

For additional tags, please see this page. I am not sure if they are all implemented here.
Last Edit: July 23, 2011, 12:43:42 AM by cartman005

beeing good

  • Guest
Might be worth mentioning that you need to paste somewhere after pressing print screen as nothing really seems happens when you press it, it doesn't 'create the image' as point one suggests.

Good tutorial aside from that.


boroda

  • Hero Member
  • *****
  • Posts: 3542
cartman005, I think 'share' option of MediaFire should be mentioned. Its not very obvious that MediaFire can provide direct links to images.

greenday1987

  • Hero Member
  • *****
  • Posts: 627
  • Long live OiNK!
http://imgur.com/ is my preferred choice of image host. This is a good guide and I'd never used some of the tags such as width/hight settings which is handy :)
RIP OiNK


I've recently joined last.fm - http://www.last.fm/user/drjswho
Feel free to add me if you wish :)

EAC V1.0 beta 3 can be downloaded here
And a full guide on setting it up and ripping a CD can be here

ma_t14

  • Hero Member
  • *****
  • Posts: 2491
+1 for imgur.com

I hate the way imageshack has gone with the "domain unregistered" bullshit (btw does anyone know how to solve this  ???)

If you are on windows there is a great tool for Imgur called Imgur Uploader. It automates the whole upload process by adding an option to the "Send To" menu. If you wish it can also add the appropriate bb code for you and you have different options for thumbnails, full size etc

Extremely useful tool when uploading screenshots here or other forums
Last Edit: August 05, 2011, 10:40:55 PM by ma_t14

greenday1987

  • Hero Member
  • *****
  • Posts: 627
  • Long live OiNK!
Other forums 'wink'
Movie trackers and such?
RIP OiNK


I've recently joined last.fm - http://www.last.fm/user/drjswho
Feel free to add me if you wish :)

EAC V1.0 beta 3 can be downloaded here
And a full guide on setting it up and ripping a CD can be here

ma_t14

  • Hero Member
  • *****
  • Posts: 2491
Other forums 'wink'
Movie trackers and such?

You may be biased, seeing that you have a what.cd account  :P, but no that's not what I meant

Alexis

  • Hero Member
  • *****
  • Posts: 712
Very informative post.  I certainly did not know I had these options for my posted images. THANKS!
They are not lazy... just more efficient.


desplantes

  • Guest
There is just a problem :
When you want to send a link without the http// thing but like that :
MusicBee, nobody knows (except if you put your mouse on it)
that's an hyper text.
Let's try :
MusicBee
So we can define that blue colour in texts are hyper texts.

Cheers.

jistme

  • Guest