It is currently Wed Aug 23, 2017 12:11 am

All times are UTC - 7 hours [ DST ]




Post new topic Reply to topic  [ 20 posts ] 
Author Message
PostPosted: Tue Aug 07, 2012 7:04 pm 
Offline
Moderator
User avatar

Joined: Thu Oct 21, 2010 12:50 pm
Posts: 12500
Location: Midwest
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.


Top
 Profile  
Reply with quote  
PostPosted: Tue Aug 07, 2012 10:38 pm 
Offline
Site Admin
Site Admin
User avatar

Joined: Sat Sep 19, 2009 11:21 am
Posts: 2620
Location: Long Beach, CA
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.


Top
 Profile  
Reply with quote  
PostPosted: Wed Aug 08, 2012 12:09 am 
Offline
Moderator
User avatar

Joined: Thu Oct 21, 2010 12:50 pm
Posts: 12500
Location: Midwest
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.


Top
 Profile  
Reply with quote  
PostPosted: Tue Oct 14, 2014 2:54 am 
Offline
Ranger Knight
Ranger Knight
User avatar

Joined: Tue May 13, 2014 12:56 pm
Posts: 1103
Location: Hamburg, Germany
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...

_________________
Deet and Schroff (R.I.P. Odric) and cartographer in GARGANTUA – Into the Odd


Top
 Profile  
Reply with quote  
PostPosted: Wed Oct 15, 2014 11:28 am 
Offline
Site Admin
Site Admin
User avatar

Joined: Sat Sep 19, 2009 11:21 am
Posts: 2620
Location: Long Beach, CA
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.

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


Top
 Profile  
Reply with quote  
PostPosted: Thu Apr 13, 2017 7:11 pm 
Offline
Ranger Lord
Ranger Lord
User avatar

Joined: Thu Jul 25, 2013 7:14 pm
Posts: 13180
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.


Top
 Profile  
Reply with quote  
PostPosted: Thu Apr 13, 2017 10:12 pm 
Offline
Moderator
User avatar

Joined: Tue Jan 24, 2012 1:18 pm
Posts: 10707
Location: Chicago, Illinois
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.

_________________
.
DM
Dave's Mega-Dungeon (LL)
---
Dave's Skype Game (Forum)
Dave's Skype Game (Moderators)
---
Player
None


Top
 Profile  
Reply with quote  
PostPosted: Fri Apr 14, 2017 12:45 am 
Offline
Ranger Lord
Ranger Lord
User avatar

Joined: Mon Jul 28, 2014 8:09 am
Posts: 2688
Location: England
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.


Top
 Profile  
Reply with quote  
PostPosted: Fri Apr 14, 2017 3:56 am 
Offline
Moderator
User avatar

Joined: Sat Jun 12, 2010 10:46 am
Posts: 5379
Location: South Jersey
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.

"[img]https://2.bp.blogspot.com/-D8BuJnyl_c0/WNPxPTNzHMI/AAAAAAAAGK8/y--52MbtBL4dQ61cWGtKe_FjaVAA4dfNQCPcB/s400/17%2B-%2B1[/img]"

Image

"[img]https://2.bp.blogspot.com/-D8BuJnyl_c0/WNPxPTNzHMI/AAAAAAAAGK8/y--52MbtBL4dQ61cWGtKe_FjaVAA4dfNQCPcB/s600/17%2B-%2B1[/img]"

Image

"[img]https://2.bp.blogspot.com/-D8BuJnyl_c0/WNPxPTNzHMI/AAAAAAAAGK8/y--52MbtBL4dQ61cWGtKe_FjaVAA4dfNQCPcB/s800/17%2B-%2B1[/img]"

Image

_________________
Rule 3 ǝןnɹ ɹǝqɯǝɯǝɹ 3! :D
Alethan as Till wrote:
I'm good with NOT pressing our luck this time.
mjulius wrote:
That's how I know I'm home.
Pulpatoon wrote:
The whole point of PbP is to take the scheduling pressure off the game. We're just chatty because we're so eager!


Top
 Profile  
Reply with quote  
PostPosted: Fri Apr 14, 2017 6:11 am 
Offline
Ranger Lord
Ranger Lord
User avatar

Joined: Thu Jul 25, 2013 7:14 pm
Posts: 13180
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/commons/c/cc/Grant_Wood_-_American_Gothic_-_Google_Art_Project.jpg" width=497 height=600>

In bbcode, the equivalent would be something like:

[img width=497 height=600]https://upload.wikimedia.org/wikipedia/commons/c/cc/Grant_Wood_-_American_Gothic_-_Google_Art_Project.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.


Top
 Profile  
Reply with quote  
PostPosted: Fri Apr 14, 2017 8:42 am 
Offline
Site Admin
Site Admin
User avatar

Joined: Sat Sep 19, 2009 11:21 am
Posts: 2620
Location: Long Beach, CA
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."


Top
 Profile  
Reply with quote  
PostPosted: Fri Apr 14, 2017 8:46 am 
Offline
Moderator
User avatar

Joined: Tue Jan 24, 2012 1:18 pm
Posts: 10707
Location: Chicago, Illinois
Nice! [fimg=300,300]

Thanks, Greg.

_________________
.
DM
Dave's Mega-Dungeon (LL)
---
Dave's Skype Game (Forum)
Dave's Skype Game (Moderators)
---
Player
None


Top
 Profile  
Reply with quote  
PostPosted: Fri Apr 14, 2017 8:50 am 
Offline
Site Admin
Site Admin
User avatar

Joined: Sat Sep 19, 2009 11:21 am
Posts: 2620
Location: Long Beach, CA


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.

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


Top
 Profile  
Reply with quote  
PostPosted: Fri Apr 14, 2017 9:19 am 
Offline
Ranger Lord
Ranger Lord
User avatar

Joined: Thu Jul 25, 2013 7:14 pm
Posts: 13180
Nice. Thanks!


Top
 Profile  
Reply with quote  
PostPosted: Fri Jul 07, 2017 6:09 am 
Offline
Ranger Knight
Ranger Knight
User avatar

Joined: Fri Feb 24, 2012 12:54 pm
Posts: 1303
Location: Midwestland, USA (Wisconsin Sector)
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.

_________________


Top
 Profile  
Reply with quote  
PostPosted: Fri Jul 07, 2017 6:26 am 
Offline
Moderator
User avatar

Joined: Tue Jan 24, 2012 1:18 pm
Posts: 10707
Location: Chicago, Illinois
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?

_________________
.
DM
Dave's Mega-Dungeon (LL)
---
Dave's Skype Game (Forum)
Dave's Skype Game (Moderators)
---
Player
None


Top
 Profile  
Reply with quote  
PostPosted: Fri Jul 07, 2017 7:49 am 
Offline
Ranger Knight
Ranger Knight
User avatar

Joined: Fri Feb 24, 2012 12:54 pm
Posts: 1303
Location: Midwestland, USA (Wisconsin Sector)
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.

_________________


Top
 Profile  
Reply with quote  
PostPosted: Fri Jul 07, 2017 8:27 am 
Offline
Moderator
User avatar

Joined: Thu Oct 21, 2010 12:50 pm
Posts: 12500
Location: Midwest
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.


Top
 Profile  
Reply with quote  
PostPosted: Sat Jul 29, 2017 7:53 pm 
Offline
Moderator
User avatar

Joined: Sat Jun 12, 2010 10:46 am
Posts: 5379
Location: South Jersey
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--

_________________
Rule 3 ǝןnɹ ɹǝqɯǝɯǝɹ 3! :D
Alethan as Till wrote:
I'm good with NOT pressing our luck this time.
mjulius wrote:
That's how I know I'm home.
Pulpatoon wrote:
The whole point of PbP is to take the scheduling pressure off the game. We're just chatty because we're so eager!


Top
 Profile  
Reply with quote  
PostPosted: Mon Jul 31, 2017 1:53 pm 
Offline
Ranger Knight
Ranger Knight
User avatar

Joined: Fri Feb 24, 2012 12:54 pm
Posts: 1303
Location: Midwestland, USA (Wisconsin Sector)
Thanks. :)

I'm giving Imgur a go.

_________________


Top
 Profile  
Reply with quote  
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 20 posts ] 

All times are UTC - 7 hours [ DST ]


Who is online

Users browsing this forum: No registered users and 1 guest


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

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group