Author Topic: Inserting Images into Posts  (Read 1432 times)

0 Members and 1 Guest are viewing this topic.

Offline Mylo

  • *
  • Posts: 4761
Inserting Images into Posts
« on: February 21, 2013, 03:13:51 pm »
First, make sure the image abides by the Furtopia Forums Main Rules & Guidelines.

To insert an image into your post, you have to link to it from an external website.  You cannot directly upload an image to Furtopia.  To insert an image from the web, simply copy the image URL by right clicking the image and selecting the option ("Copy Image Location" in Firefox, "Copy Image URL" in Chrome), or if using Internet Explorer, go to the image's Properties menu and copy the URL in the "Address (URL)" field.  If you want to use your own image, you will have to upload it to an image hosting site.  Here are a few for you to consider:

Note: Linking to an image from Fur Affinity will NOT work!

Register to use one of these sites, and then upload your image.

When linking you need to use a specific URL.  Flickr has actually made finding this a little harder than it should have but it's still a good image hosting site.  Photobucket, Imageshack, and deviantART don't have this issue thankfully.

To find the URL in Flickr you need to click on the image you want to use.  Then, click on the image again and an overlay will appear.  Click the All Sizes button on the top right, and then choose the size you want.  At this point, you can right click on the image and copy the image URL ("Copy Image Location" in Firefox, "Copy Image URL" in Chrome), or if using Internet Explorer, go to the image's Properties menu and copy the URL in the "Address (URL)" field (eg: http://farm5.static.flickr.com/4020/4675413365_e5970e239a_t.jpg).

For Photobucket and deviantART, hover over the picture and then copy the direct link URL (eg: http://i26.photobucket.com/albums/c127/Weisseman/WeisseSyiNimraissmall.jpg).

Imageshack puts 6 options down the side of the image thumbnail. You need to click on the top and it will display info of the picture. There is a field called Direct which has the URL. (eg: http://img638.imageshack.us/img638/1439/weissesyinimraissmall.jpg)

After obtaining the URL, simply paste it between two image tags in a post.  See the below code for what it should look like.  You can type the image tags, and then paste the image URL in between them.  Or, you can click on the "Insert Image" button, which is on top of the smiley face emoticon on the far left above the edit post box (the one that looks like this: ).  That will insert two img tags into your post, and then you can just paste the image URL in between them.  It should look like this:

[img]http://yourwebsite.com/.../your-pic.jpg[/img]

When you click Post or Preview, you will be able to see the linked image from within the post. :)  It will look like below, using the Furtopia logo as an example image:



Now, Furtopia doesn't allow you to post the full size versions of images that are larger than 700x700 pixels (if you do post them, they will be automatically scaled down so that the dimensions are smaller than 700x700; see the last paragraph of this tutorial), but you can link to them using the URL tags. Simply paste the image URL between two URL tags.  You can type the URL tags, and then paste the image URL in between them.  Or, you can click on the "Insert Hyperlink" button, which is on top of the wink face emoticon (the one that looks like this: ).  That will insert two URL tags into your post, and then you can just paste the image URL in between them.  It should look like this:

[url]http://yourwebsite.com/.../your-pic.jpg[/url]

When you click Post or Preview, you will be able to see the clickable URL that links to the image from within the post. :)  It will look like below, using the Furtopia logo as an example image (click the URL to see it):

http://forums.furtopia.org/Themes/Furtopia/images/head-left.jpg

Finally, suppose you want to make your image a hyperlink as well.  That way, when you click on the image, you go to a website.  You simply combine the img and URL tags like below:

[url=http://yourwebsite.com/.../random-page][img]http://yourwebsite.com/.../your-pic.jpg[/img][/url]

When you click Post or Preview, you will be able to see the clickable image that links to a website of your choosing from within the post. :)  It will look like below, using the Furtopia logo as an example image and the Furtopia homepage as an example destination(click the image to go to the Furtopia homepage):



One more note.  Technically, you can post any size image you want on the forums.  However, pictures that are above 700x700 will automatically be scaled down so that both their length and width are below 700px (for example, if I post a 1400x1000 picture, it will be automatically scaled down to 700*500).