[This was such a good tutorial - I thought I'd copy it here also. I can't claim any credit for it whatsoever! - Adam]
I know some folks are new to using the bulletin board and some are new to computers. Photos make explaining something so much easier. There really is truth to the saying "A pictures worth a thousand words".
I have received a few personal messages as well have seen some others post looking for help. So I have tried to put together a tutorial to help folks out.
Some advanced usages
Since large images can tend to break up a post too much, not to mention take more time to load, smaller pictures are preferred. However, sometimes larger picture are needed to show details.
One method I like to use is nesting the Img command inside a URL command. Using a smaller image for the post, but allowing the viewer to click on the smaller image if they want to see the larger more detailed version. The Img command would be for the smaller image, and the URL command would be the larger image. I also like to put instructions in italics under the image. Like so,
Here is an example.
gives you....
click on image for larger view
I know some folks are new to using the bulletin board and some are new to computers. Photos make explaining something so much easier. There really is truth to the saying "A pictures worth a thousand words".
I have received a few personal messages as well have seen some others post looking for help. So I have tried to put together a tutorial to help folks out.
- The bulletin board does not store the images. There is no way to upload a photo on your PC directly into a bulletin board post. The bulletin board can only link to images that are already stored on the Internet.
- There are many places you can store your images on the Internet. If your ISP provides you free webspace for a website, this is one. This will require you to FTP your images to your webspace. FTPing is beyond the scope of this tutorial. If you know how to FTP, then fine. If not, read on. There are free image hosting sites on the Internet. Most try to sell you services like getting prints made, etc. Several people have recommended http://www.imagestation.com/index.html, so I will use it for this tutorial.
- Go to ImageStation and sign up for an account. It is Free and easy.
- Once you have an account, log in and click on the Upload Images button.
- There are multiple ways to upload images, all with explicit instructions. Pick the method that is best for you and upload your images.
- Once your images are uploaded, they will appear in your Storage Bin in My ImageStation.
- Follow the instructions in My ImageStation to create a New Album and add your images to the album.
- Once you have your images in an Album, your ready to use them in a bulletin board post.
- In a browser window, view the image at the ImageStation website.
- Right mouse click on the image, and select Properties.
- A new window will open displaying the image properties. Find the property label Address: (URL) and highlight the value. It will be something like http://www.imagestation.com/picture/sra ... de9f44.jpg
- Once the address is highlighted, right mouse click again and select copy.
- Now got to your post, and use the Img command. Right mouse click and select Paste for the image address. Here is an example.
Code:[img]http://www.imagestation.com/picture/sraid114/pf4bd4e2f867c269e6666f9d66a0cc46b/f8de9f44.jpg[/img]
gives you......
- That's it.
I know it seems complicated, and perhaps overwhelming at first. But it becomes quite easy once you start doing it.
Some advanced usages
Since large images can tend to break up a post too much, not to mention take more time to load, smaller pictures are preferred. However, sometimes larger picture are needed to show details.
One method I like to use is nesting the Img command inside a URL command. Using a smaller image for the post, but allowing the viewer to click on the smaller image if they want to see the larger more detailed version. The Img command would be for the smaller image, and the URL command would be the larger image. I also like to put instructions in italics under the image. Like so,
Code:
[url=http://www.myphotos.com/LargeImage.jpg][img]http://www.myphotos.com/SmallImage.jpg[/img][/url]
[i]click on image for larger view[/i]Here is an example.
Code:
[url=http://www.imagestation.com/picture/sraid114/p5f812e13729c753d1a786f70bf9fd0ac/f8de9f49.jpg][img]http://www.imagestation.com/picture/sraid114/pf4bd4e2f867c269e6666f9d66a0cc46b/f8de9f44.jpg[/img][/url]
[i]click on image for larger view[/i]
click on image for larger view
