ok this may completely confuse you but here goes
1. once you have uploaded your pics into photobucket, they apear in your album, select the one you wish to post, in this case i want the one of the dragonflies (second along).
2. Next tick the box along side the required picture, the options at the bottom of the page are now selectable, we want the "generate HTML and IMG code" button, click this now.
3. now you have a new page, as below with various lines of "code" depending on wheather the image is "clickable" or not, the one we want for the forums is "IMG images for message boards "
4.clicking anywhere on this text will copy it to your computers clipboard, briefly a yellow box will apear on the left highlighting COPIED, if you have done it corretly, as below
5. now when you are ready to insert the picture into your post, click the "insert image" button at the point you want it to apear, (if using photobucket, you can skip steps 5-7 and right click directly into your post and paste the code that way), if you want to use the image button here it is:
6. this pops up this new box, either right click in the box and select paste or use the shortcut CTRL + V
7. this is where people have been getting stuck, if you paste were the curser is flashing and click ok, the code inserted into your post will be similar to this
notice that are there TWO img http// before and two /img tags after the the link, this is wrong and will result in the red cross, if you end up with this, simple delete the extra bits so it looks like the line in step 8:
8. your code should look like this:
That's it, preview your post and your pic should be displayed in all it's glory.