Image Hosting and Posting


Kat

Recommended Posts

Posting Images

The way the IPB software handles image display is through linking using the image tags p><p>3 - Copy url from the image

4 - Go to the post editing window and paste in that url

5 - Select the url and click the image button (http://www.objectivistliving.com/forums/style_images/1/folder_rte_images/image.gif' alt='image.gif'>) to link to the image

So what happens if you get stuck on Step 1 because the image that you want to post is not already on the internet or is on a site that hosts sites for free but may not display properly when you try to link to the images (e.g., Angelfire, Yahoo forums)?

The solution is to upload the image yourself to an image hosting site like Photobucket. This is a website where you can upload your images from your hard drive and it will create the code that you just copy and paste into your post for your image to display. It generates both html and bbcode. Our software, Invision Power Board, uses bbcode.

1 - Create an account or log into an existing account at Photobucket

2 - Upload your image from your computer by clicking the "browse..." button in the Upload images and Videos box. When your image is selected, click the "Upload" button and wait a few seconds for the image to transfer into your collection. (You may upload images from another url as well as your own harddrive).

3 - Scroll down a little bit and you will see your collection of images with three boxes of code to copy. The first is the straight url of the image, the second is the html linking tag and the third is the bbcode linking tag.

4 - Copy the bbcode Img tag from within the Img box and paste it into the post. When you preview your post, the image will appear.

[img=http://i28.photobucket.com/albums/c242/objectivistliving/a00000ea.jpg]

a00000ea.jpg

5 - In order to create a link within the image to another url, make it a link by setting up your image and then highlighting the code and clicking the link icon (globe/chain) and filling in the url where you want to link to. If the image is linked, the arrow cursor will turn into a pointing finger cursor when hovering over the image.

[url=http://www.nga.gov/cgi-bin/pdimage?60978+0][img=http://i28.photobucket.com/albums/c242/objectivistliving/a00000ea.jpg][/url]

a00000ea.jpg

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now