Page 1 of 1

Guide to Posting Pictures

PostPosted: 19 Oct 2009, 11:26
by Steve
There are lots of free options for hosting photos, we will use PhotoBucket for this guide.

Please use the thumbnail option to post your photos.
This prevents the forum from getting loaded up with big files and also means it loads quicker.

The Basics:
This example assumes you already uploaded the pictures to your host. Keep that window open.

While Posting a New Topic on the Forum:
1. Go to your PhotoBucket window.
2. Select the picture you want to include and check mark it.
3. Go to the bottom of the page and hit "Generate HTML and IMG code".
4. A new screen appears, the third box down says " IMG clickable thumbnails for message boards - recommended".
5. Click anywhere in that box, the picture thumbnail code is copied into your clipboard.
6. Go back to the Forum window.
7. Place your cursor where you would like to picture to appear and then paste the contents of your clipboard. (Right click and select paste, Ctrl+V in Windows, Cmd+V on Mac)

You'll get a block of HTML appear in your post which represents your thumbnails. You can add text above and below this HTML code.

When you preview or submit your post you'll see thumbnail images which you can click on to open the full size images in a new window.

And it's as easy as that!! Have fun.

Re: Guide to Posting Pictures

PostPosted: 20 Oct 2009, 14:48
by Steve
We received a request for a guide to posting pictures from Flickr so I signed up to Flickr in the hope it would be just as easy to use as Photobucket, sadly it isn't :(

I've got a solution to post clickable thumbnails from Flickr (and any other site) up and running now and I'll explain how to use it in this guide. I would recommend using photobucket instead though as it does the thumbnails automatically for you.

1. You will notice that there is a new button above the editor window on the posting form called ThumbPop, this is your new best friend.

2. Next what you will need to do is get to the URL of your photo, in Flickr you select the photo you want and then slect the different sizes option, you'll then see a photo download page with a text field at the bottom called "2. Grab the photo's URL:", copy this link to the clipboard. For other sites you are looking to find the direct URL of the photo, you'll have to hunt until you find it or give up and start using photobucket :lol:

3. hit the ThumPop button in your post and paste your copied URL inbetween the tags. It should look something like:


4. Format your post correctly and preview it, you should get your thumbnail and when you click on it you'll get a pop up containing the image.

5. Remember you'll have to go through these steps for every image you want to post which is a bit of a pain.

Sorry I can't make this any easier for you but to do it automatically requires the photo storage site to generate the BBCode.

Good luck with it.


Re: Guide to Posting Pictures

PostPosted: 20 Oct 2009, 15:26
by Steve
And just to show you how the Flickr thumbnail looks (because I had to disable BBCode in the explanation post)

Ta Daaa!!!!!!


Re: Guide to Posting Pictures

PostPosted: 27 Apr 2012, 07:31
by Toby
Just a reminder that pictures must be linked in the forum and not uploaded, if you have not linked your photos please correct them before they are removed.


Posting pics in flickr

PostPosted: 27 Apr 2012, 07:55
by bencops
This has got a bit easier in Flickr

When you're looking at the photo in flickr, click share (top left of photo)
Click "Grab the HTML/BBCode"
select the size of thumbnail
Select "BBCode"
Copy and paste the code.

Once you've done that once it remembers your choices so next time all you have to do is click share and grab the code.
It gives you a thumbnail image in the post that links to the photo in flickr. This is what I've done below...

Medium size
KY6M6123 by Copsey, on Flickr


KY6M6123 by Copsey, on Flickr


KY6M6123 by Copsey, on Flickr

or thumbnail as you wish

KY6M6123 by Copsey, on Flickr