How Do I Add A Picture To A Post?

If you need support for dice roller or the forums, post here.
Message
Author
User avatar
Alethan
POWAH!
POWAH!
Posts: 14356
Joined: Thu Oct 21, 2010 6:50 pm
Location: Midwest
Contact:

How Do I Add A Picture To A Post?

#1 Post by Alethan »

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.
Dragon foot. Bamboo pole. Little mouse. Tiny boy.

User avatar
ToniXX
Site Admin
Site Admin
Posts: 3225
Joined: Sat Sep 19, 2009 5:21 pm
Location: Long Beach, CA

Re: How Do I Add A Picture To A Post?

#2 Post by ToniXX »

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. :D

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.

User avatar
Alethan
POWAH!
POWAH!
Posts: 14356
Joined: Thu Oct 21, 2010 6:50 pm
Location: Midwest
Contact:

Re: How Do I Add A Picture To A Post?

#3 Post by Alethan »

Or...

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.
Dragon foot. Bamboo pole. Little mouse. Tiny boy.

User avatar
mb.
Ranger Knight
Ranger Knight
Posts: 1105
Joined: Tue May 13, 2014 6:56 pm
Location: Hamburg, Germany

Re: How Do I Add A Picture To A Post?

#4 Post by mb. »

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...

User avatar
ToniXX
Site Admin
Site Admin
Posts: 3225
Joined: Sat Sep 19, 2009 5:21 pm
Location: Long Beach, CA

Re: How Do I Add A Picture To A Post?

#5 Post by ToniXX »

mb. wrote: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.
"Sir, our research shows that the bird is equal to or greater than the word."

User avatar
Zhym
Rider of Rohan
Rider of Rohan
Posts: 20556
Joined: Fri Jul 26, 2013 1:14 am

Re: How Do I Add A Picture To A Post?

#6 Post by Zhym »

Is there any way to control the image size using the first method? I'd like to link to an image on the web but I don't want it showing up at full mongo-huge resolution.

User avatar
dmw71
POWAH!
POWAH!
Posts: 19544
Joined: Tue Jan 24, 2012 7:18 pm
Location: Chicago, Illinois
Contact:

Re: How Do I Add A Picture To A Post?

#7 Post by dmw71 »

I always resize the images I use beforehand and upload this edited image. If there's a way to control the size without this extra step, I'd love to know.
-- Project --
Playtest: Untitled Project (1e)
-- DM --
Greyhawk Campaign: Sandbox (1e)
(Status: Archived)

User avatar
Starbeard
Rider of Rohan
Rider of Rohan
Posts: 4615
Joined: Mon Jul 28, 2014 2:09 pm
Location: California

Re: How Do I Add A Picture To A Post?

#8 Post by Starbeard »

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.

User avatar
rredmond
Rider of Rohan
Rider of Rohan
Posts: 8460
Joined: Sat Jun 12, 2010 4:46 pm
Location: South Jersey

Re: How Do I Add A Picture To A Post?

#9 Post by rredmond »

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.

"Image"

Image

"Image"

Image

"Image"

Image
This is a game about killing things and taking their stuff so you can become more powerful in order to kill bigger things and take even better stuff.
Alethan: I'm good with NOT pressing our luck this time.
mjulius: That's how I know I'm home.
Pulpatoon: The whole point of PbP is to take the scheduling pressure off the game. We're just chatty because we're so eager!
Scott308: ...everyone should be reminded of just how wonderful the people they play games with here can be in real life.
Leitz: Quality and quantity wise, I think US is the best I've seen.
Paladin: I can promise terror, glory, and riches...or a quick and brutal death.
Inferno: Come on! That's was Vicar's Head, a completely different doomed village!
Rex: I can move to the wait list to let someone else into the game.

User avatar
Zhym
Rider of Rohan
Rider of Rohan
Posts: 20556
Joined: Fri Jul 26, 2013 1:14 am

Re: How Do I Add A Picture To A Post?

#10 Post by Zhym »

Thanks. What I as hoping for was something like the HTML width and height attributes. If I were using raw HTML to embed the above image in 300x400 size, I could use:

<img src="https://upload.wikimedia.org/wikipedia/ ... roject.jpg" width=497 height=600>

In bbcode, the equivalent would be something like:

[img width=497 height=600]https://upload.wikimedia.org/wikipedia/ ... roject.jpg[/img]

Googling a bit, it looks like what I want is something that can be hacked into the bbcode but isn't a standard phpbb feature.

User avatar
ToniXX
Site Admin
Site Admin
Posts: 3225
Joined: Sat Sep 19, 2009 5:21 pm
Location: Long Beach, CA

Re: How Do I Add A Picture To A Post?

#11 Post by ToniXX »

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
"Sir, our research shows that the bird is equal to or greater than the word."

User avatar
dmw71
POWAH!
POWAH!
Posts: 19544
Joined: Tue Jan 24, 2012 7:18 pm
Location: Chicago, Illinois
Contact:

Re: How Do I Add A Picture To A Post?

#12 Post by dmw71 »

Nice! [fimg=300,300]

Thanks, Greg.
-- Project --
Playtest: Untitled Project (1e)
-- DM --
Greyhawk Campaign: Sandbox (1e)
(Status: Archived)

User avatar
ToniXX
Site Admin
Site Admin
Posts: 3225
Joined: Sat Sep 19, 2009 5:21 pm
Location: Long Beach, CA

Re: How Do I Add A Picture To A Post?

#13 Post by ToniXX »



Here I entered only the width, and as I said above, the height is calculated based on the width value, and you get a scaled down (or up), proportional image.
"Sir, our research shows that the bird is equal to or greater than the word."

User avatar
Zhym
Rider of Rohan
Rider of Rohan
Posts: 20556
Joined: Fri Jul 26, 2013 1:14 am

Re: How Do I Add A Picture To A Post?

#14 Post by Zhym »

Nice. Thanks!

User avatar
Norjax
Rider of Rohan
Rider of Rohan
Posts: 4140
Joined: Fri Feb 24, 2012 6:54 pm

Re: How Do I Add A Picture To A Post?

#15 Post by Norjax »

Well, the day of Photobucket Doom has arrived. All of my photo links are blocked.

I'm looking for suggestions for free/low-fee photo hosting sites that others may be using.

User avatar
dmw71
POWAH!
POWAH!
Posts: 19544
Joined: Tue Jan 24, 2012 7:18 pm
Location: Chicago, Illinois
Contact:

Re: How Do I Add A Picture To A Post?

#16 Post by dmw71 »

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?
-- Project --
Playtest: Untitled Project (1e)
-- DM --
Greyhawk Campaign: Sandbox (1e)
(Status: Archived)

User avatar
Norjax
Rider of Rohan
Rider of Rohan
Posts: 4140
Joined: Fri Feb 24, 2012 6:54 pm

Re: How Do I Add A Picture To A Post?

#17 Post by Norjax »

dmw71 wrote:why not just upload the image saved on your computer or phone directly into your post?
I guess its an old habit not to clog up forums with image files. I use to host a game mod site with forum and was always conscious of storage space.

User avatar
Alethan
POWAH!
POWAH!
Posts: 14356
Joined: Thu Oct 21, 2010 6:50 pm
Location: Midwest
Contact:

Re: How Do I Add A Picture To A Post?

#18 Post by Alethan »

Embedded images also display differently from attached images in a post, even if you put the attached image in-line.
Dragon foot. Bamboo pole. Little mouse. Tiny boy.

User avatar
rredmond
Rider of Rohan
Rider of Rohan
Posts: 8460
Joined: Sat Jun 12, 2010 4:46 pm
Location: South Jersey

Re: How Do I Add A Picture To A Post?

#19 Post by rredmond »

http://village.photos/ has gotten some play on other forums.
I haven't been online much lately, so haven't used it much myself, but others have used it and give it good reviews.

Good luck,
--Ron--
This is a game about killing things and taking their stuff so you can become more powerful in order to kill bigger things and take even better stuff.
Alethan: I'm good with NOT pressing our luck this time.
mjulius: That's how I know I'm home.
Pulpatoon: The whole point of PbP is to take the scheduling pressure off the game. We're just chatty because we're so eager!
Scott308: ...everyone should be reminded of just how wonderful the people they play games with here can be in real life.
Leitz: Quality and quantity wise, I think US is the best I've seen.
Paladin: I can promise terror, glory, and riches...or a quick and brutal death.
Inferno: Come on! That's was Vicar's Head, a completely different doomed village!
Rex: I can move to the wait list to let someone else into the game.

User avatar
Norjax
Rider of Rohan
Rider of Rohan
Posts: 4140
Joined: Fri Feb 24, 2012 6:54 pm

Re: How Do I Add A Picture To A Post?

#20 Post by Norjax »

Thanks. :)

I'm giving Imgur a go.

Post Reply

Return to “Help and Support”