So if you're going to post a lot of big pics, it's a good idea to use thumbnails. Don't know how? Read on...
The first thing is to find or create a thumbnail of your image. The ones you get in Google's image search results look tempting, but unfortunately don't work. So if it's someone else's image from another site, and there isn't an accompanying thumbnail for you to use, the best way to go is to rehost it.
So now you've saved and uploaded the pic to Tinypic or Photobucket or whoever, and you have an address for the full-size pic and you're looking at a thumbnail. If you're using Internet Explorer it's a bit of a pain to get an image's address; you have to right-click the pic, go 'properties' and highlight and copy the URL - or, with Tinypic, you can just copy the main image's URL and append '_th' to the end of the filename before the extension; with Photobucket, 'th_' is stuck on the start of the filename. If you're using Firefox, just right-click your pic and hit 'copy image location'.
Also, if you want to link a really huge pic hosted on some other site that doesn't have a thumbnail and that Photobucket or Tinypic would resize smaller, you can just save a copy, upload it to Tinypic and just use the thumbnail.
You know how you can use [ url ] tags to replace a URL with a meaningful bit of text, like:
[ url=http://www.google.com.au/search?q=image+hosting ]Image hosts[ /url ]
Well, you can also replace a URL with an embedded image; you could even make buttons for your links if you like... Anyway, you just use the embedded thumbnail as your label for the URL of the full-sized pic, like so:
[ url=http://www.main_pic.jpg ][ img ]http://www.thumbnail.jpg[ /img ][ /url ] (Incidentally, pics won't embed without a www in the URL.)
So now in your post, hit the Insert Image button and paste in the thumbnail's URL. Go back to the page with your hosted image and copy its URL, then highlight the thumbnail URL including its [ img ] tags, hit the Insert Link button and paste in your pic's URL. Done. It's actually quite a bit easier than it sounds, at least in Firefox.
Simpler method: Copy the direct link and paste it into your post, add the _th or th_ (depending on whether it's TinyPic or Photobucket), then highlight it and hit the Insert Image button and enter, then hit the Insert Link button, paste the original link still in your clipboard and hit enter. No changing tabs required : )
If this still isn't making sense, try quoting this post and looking at the code for these examples (ignore the quote marks around URLs; they're added automatically when you post):
It can seem a little tricky at first, but really there's nothing to it.
If anyone has anything to add, or any other tips to share, post up and I'll add em to the OP.
Embedding Youtube clips: just copy the crap from a vid's url between the 'v=' and the '&feature=related' or whatever, if present.
Chuck it between youtube tags, like so: [ youtube ]GL4hyATkQ74[ /youtube ]
Actually, here's a step-by-step of how I've taken to posting YT clips:
Here's the forum's BB code.
Edited by Kimmo, 27 July 2010 - 07:25 PM.