Adding an image to a post is pretty simple. You can either add an image straight from the web or you can attach an image that is saved to your local hard drive. The first way creates an imbedded image and looks cleaner. The second way adds the image as an attachment.

To Add An Image From The Interwebz (Imbedded):1. Open a web browser.2. Navigate to the image you want to steal copy.3. Right-click on the image. If you are able to copy it (i.e. if they have not prevented you from copying the image), you should have an option to Copy Image Location. Click on that option.3a. Alternately, you could have a file from your hard drive posted to an image sharing website, like Flicker or Photobucket and copy the image location from there.4. Open a new tab in your web browser (or open another browser window - your choice) and navigate to the Unseen Servant forums.5. Create the post or edit the post where you want to imbed the image.6. Indicate exactly where in the post you want the image to be by putting your cursor there and then clicking the Img button located above the text box. This will place <Img></Img> tags in your post (only they will have the proper [] brackets, not <> brackets).7. In between the Image tags, paste the Image Location you previously copied.8. Add whatever text you want to add to the post.9. Click Submit.10. ????11. Profit.

To Add An Image From Your Local Hard Drive (Attachment):1. Open a web browser.2. Navigate to the Unseen Servant forums and create the post or edit the post where you want to imbed the image.3. Below the Preview/Submit/Save Draft/Cancel buttons at the bottom of the text box is another section titled "Upload Attachment". Next to the Filename field, click the Browse button. This opens a File Upload dialog box.4. Navigate to the image you've saved to your local hard drive.5. Click Open. This brings you back to the post you're creating on the Unseen Servant forums.6. Click Add The File.7. Now under your text box, you will see a field that says Attachments and you should see the title of your image in that field.8. If you want to make the image display at a specific location in the text box, place your cursor in that location and then click the Place Inline button (located next to the file name of the image in the Attachment field).9. Add whatever text you want to add to the post.10. Click Submit.11. ????12. Profit.

Good tutorial. I'd like to add that #10 from the first method and #11 from the second should read 'Enjoy feeling of accomplishment' or something similar.

I'd also like to add that if you use the first method AND you steal use an image from a site that you don't control, that image may, at any time, go away, making you look slightly silly sometime in the future. But, using the first method looks best and works great if, as Alethan said, you link to an image that you control, either a site of your own or on an image sharing site like Flickr or Photobucket.

I've been toying with the idea of giving users of the dice roller a few MBs of storage space so that they can upload and post images using the first method. I haven't found a decent image management plugin, though, as I don't want to build it myself.

1. Download some free screen/image capture software (there are several good ones out there; I use Screenshot Captor).2. Find the image you want on the interwebz.3. Use your new free image capture software to capture the image.4. Save to hard drive.5. Upload to Photobucket.6. Imbed YOUR image into forum post.7. Win.

I'm curious: is there a way to format the image, e.g. float it left or right and have text flow around it? I've seen that on other forums, like put an 'r' after the first 'img' to get it to float right, but it doesn't seem to work that way here. It's kinda nasty the way an image just disrupts the text flow completely...

I'm curious: is there a way to format the image, e.g. float it left or right and have text flow around it? I've seen that on other forums, like put an 'r' after the first 'img' to get it to float right, but it doesn't seem to work that way here. It's kinda nasty the way an image just disrupts the text flow completely...

No, this is currently not possible. I could look into it, but it would require special custom BBCodes. I'll post here with an update if I find a way to do it.

_________________"Eternal nothingness is O.K. if you're dressed for it."

If the site hosting the image allows dynamic sizing or whatever it's called, you might be able to get away with using the "?size=…" or "?w=…h=…" tags at the end of the image url. I don't think it's a very common feature at all though, or if it would even interpret correctly here.

I saw this about pictures hosted on a blog. Pretty sure it may help. Especially if you have your own blog:

Guest wrote:

I looked into this a little while ago. The only way I could figure it get to work (besides manually resizing the image on my computer) was to host the image on my blog (via Blogger/Blogspot), create a draft blog post with the image, convert to html to get the url for the image, and then vary the "sX00" part of the url to change the size. Below is an example, with the url in quotes above with the variable "sX00" portion bolded, below is the image the code produces. Obviously this is only useful to folks have a blog via Blogger/Blogsphot.

I've added the new BBCode 'fimg' per Zhym's suggestion. But, I notice a problem: You have to enter BOTH width and height. You must enter BOTH values, and unless you do some calculations and figure the scaled values for both, the image could become distorted and stretched or compressed. Thus, I'm going to work on one where you simply enter the width, leave the height out, and the way HTML works, it will calculate the other dimension and show a nicely scaled image.

Here's the test image, with 300 as both dimensions. As you can see, it's a little distorted:* EDIT *You CAN'T see it distorted image as I've changed the bbcode. See the post of mine below Dave's

_________________"Eternal nothingness is O.K. if you're dressed for it."

I've never tried to link images from these, but what about something like Google Drive or Dropbox? Or, and this is what I do, why not just upload the image saved on your computer or phone directly into your post?

Who is online

Users browsing this forum: No registered users and 1 guest

You cannot post new topics in this forumYou cannot reply to topics in this forumYou cannot edit your posts in this forumYou cannot delete your posts in this forumYou cannot post attachments in this forum