PDA

View Full Version : *HOW TO* Post Pictures



Jack
18-05-09, 08:33 PM
Overview
This guide details how to inset images to your posts on PNG. I use manual tags for this, as I find it easier than using the insert image button (http://www.pngclub.com/forum/images/editor/insertimage.png) above.


You will need
1. Pictures. These will need to be hosted online somewhere. In this guide, I've used photobucket because at time of writing it was the most common host. There are others you might wish to use - imgur and imageshack are my favourites - but the process for linking to them will be similar.


Method
1. Write your post
Ok, so the first thing you want to do is compose your message on the forum. Thats pretty straight forward. Here's my example message:


Blue cars are very gay
Photobucket users: If you've uploaded a pic to your own PB album, go to Step 3
Non-Photobucket users: If you're getting a pic off the internet, Go to Step 2


2a. Get URL of image
Before putting an image into your post, we need to know the address (URL) of the image.
Note: If you've uploaded an image to your own photobucket album, skip to step 6

a) To find the image URL in Firefox, rt-click the image and choose Copy Image Location

b) To find the image URL in Internet Explorer, rt-click the image and choose Properties, then highlight and copy the image Address (URL)


2b. Insert URL to post
Simply paste the URL into your thread in the spot you want the image to appear, like this:


Blue cars are very gay

http://i13.photobucket.com/albums/a266/razorjack/Cars/2008_07_26f.jpg


2c. Add tags
For the forum software to recognise your URL as an image, you need to add Image Tags. These are the and bits of text that tell the forum anything in between them is an image. Here's the example with the tags added:


Blue cars are very gay

http://i13.photobucket.com/albums/a266/razorjack/Cars/2008_07_26f.jpg


3. Photobucket users
Photobucket actually provides you with a link that has the tags already added. Once you have uploaded your pic, simply find the image in your album, roll the mouse over it and a few text boxes should appear - copy the text that begins with [IMG] and paste that into your message


4. Repeat & Preview!
Insert more images (if required) the same way. When you're happy, use the Preview Post button to check everything is ok:


Blue cars are very gay

[img]http://i13.photobucket.com/albums/a266/razorjack/Cars/2008_07_26f.jpg


Notes
http://profs.albachir.net/khbel/media/kunena/emoticons/arrow.png If you have less than 15 posts, the forum software might flag your post for moderation (i.e. moderators need to approve it prior to being visible on the forum). This is purely because spam bots normally stick an image in their spam posts, so nothing to worry about - a moderator will soon approve your post. Don't spam your way to 15, its quite possible to engage in the forum to get enough posts.
http://profs.albachir.net/khbel/media/kunena/emoticons/arrow.png Use the preview post button to checkout your post before hitting submit. You can also play around in the testing forum for practice.
http://profs.albachir.net/khbel/media/kunena/emoticons/arrow.png If taking an image from the wider internet, one you found on google images or suchlike, just be careful where your image links from - some sites don't allow remote hotlinking to images, so you'll need to download the image, then upload to your own host.
http://profs.albachir.net/khbel/media/kunena/emoticons/arrow.png Also watch out for images hosted on photobucket, as if you try to use Step 2 above to link an image from there, you may get a duff link which doesn't display in the forum properly.
http://profs.albachir.net/khbel/media/kunena/emoticons/arrow.png Facebook users - bear in mind that FB is NOT an image host, and regularly change their image URLs as they move them on their servers. So you may well find a Facebook linked image will disappear a few hours/days/months/years after posting in the forum. And there's nothing more frustrating for your 200-page long project thread to suddenly lose all its images... So for that reason, we strongly advise that you don't link to Facebook images.

saloonwoody
04-07-09, 10:31 PM
blue cars are gay lol

mk2maniac
31-08-09, 06:41 PM
this is no good if my pics are neither on the internet or on photobucket. they are in my files on my computer. where do i go from there

deanwilko
31-08-09, 06:47 PM
this is no good if my pics are neither on the internet or on photobucket. they are in my files on my computer. where do i go from there

sign upto photobucket it take 2mins

mk2maniac
31-08-09, 06:49 PM
ok might do that

Mazz
31-08-09, 06:54 PM
Or goto http://imageshack.us/index.php

Browse for your file and re-size if you like (800x600 is fine)

Click 'start upload' and wait for the page to refresh showing your picture.

Copy and paste in here all the code from the 'Hotlink for forums (1)' box.

http://img5.imageshack.us/img5/4036/01015p.jpg (http://img5.imageshack.us/i/01015p.jpg/)


Sorted!

novaa
17-02-10, 12:35 AM
<a href="http://s786.photobucket.com/albums/yy149/cheryl1981/?action=view&current=randoms107.jpg" target="_blank"><img src="http://i786.photobucket.com/albums/yy149/cheryl1981/randoms107.jpg" border="0" alt="Photobucket"></a>

Jack
17-02-10, 12:41 AM
^ thats a HTML link, you want the one that starts with the [IMG] tag

RUFFIO1983
25-05-10, 06:02 PM
How The **** Do Ya Put A Picture On Youre Profile .... I Think Its Called "avatar" Cant Do It For Some Reason . Sorry 4 Askin You Mate Lol

Southie
25-05-10, 06:04 PM
How The **** Do Ya Put A Picture On Youre Profile .... I Think Its Called "avatar" Cant Do It For Some Reason . Sorry 4 Askin You Mate Lol
You need to be a member, it's flashing on the top right in red. Turn caps lock off ;)

gajit1992
24-09-10, 06:51 PM
so how do i sighn up to photo bucket

Jack
24-09-10, 09:42 PM
Go here (http://register.photobucket.com/) and fill out the form as required :)

belly257
11-06-11, 05:30 PM
http://farm6.static.flickr.com/5031/5821612064_d04e1c1a47.jpg (http://www.flickr.com/photos/63947805@N02/5821612064/)

just checking that was the correct img code thingy :)
Nova gsi sell 5 (http://www.flickr.com/photos/63947805@N02/5821612064/) by belly257 (http://www.flickr.com/people/63947805@N02/), on Flickr

luke1.4sr
11-06-11, 06:05 PM
good link how do you do the link linked to a word i.e in jack last post?

Mazz
11-06-11, 06:06 PM
Google (http://www.google.com)

Like this, but without the space after the first bracket

[ url=www.google.com]Google[/url]

luke1.4sr
11-06-11, 06:14 PM
ok cool like this

my old sr (www.pngclub.com/forum/viewfeaturecar.php?ref=1974)

Mazz
11-06-11, 06:25 PM
Yep :)

but there seems to be a '}' on the end of the link

luke1.4sr
11-06-11, 07:03 PM
sorted lol

tomfomthenorth
01-12-13, 07:57 PM
Great, thanks for pointing me in the right direction, just need those 15 posts now :roll: